Brightspot CMS User Guide

Theme overview


Themes provide your site’s layout, color scheme, and behaviors. You can install your own themes, and versions of individual themes, into Brightspot.

Page layout

A page layout specifies which elements are rendered in the published asset and in which order. The following diagram is an example of page layout for a published article.
Page structure main.png

Styling

Styling specifies the color scheme, typeface, and general spacing between elements. Brightspot applies styling through traditional CSS files. The following illustrations are examples of styling that are almost the opposite of each other: one with black-on-white, the other with white-on-black.

style_black_on_white.png
Styling, black on white
style_white_on_black.png
Styling, white on black

Behavior

Web pages have a variety of behaviors, such as animation and data validation. The following animation illustrates two behaviors that occur after a visitor clicks on the search icon:

  • Exposes a search field.
  • Places the cursor inside the search field (so visitors do not need to click into the field).
0:00 / 0:00
Video Companion
Dynamic search field
Behaviors are typically implemented using JavaScript.

Previous Topic
Theme management
Next Topic
Uploading a theme
Was this topic helpful?
Thanks for your feedback.
The elements that get you up and running in a matter of days, from pre-built content types, to modules, to landing pages.

Content types
Modules
Landing pages
Everything you need to manage and administer content within Brightspot CMS, including plug-and-play integrations.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform, including integrations requiring developer support to use.

Field types
Content modeling
Rich-text elements
Images