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 Page structure main.png


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 style_black_on_white.png
Styling, black on white
style_white_on_black.png style_white_on_black.png
Styling, white on black


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).
Dynamic search field
Behaviors are typically implemented using JavaScript.

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
Landing pages
Everything you need to manage and administer content within Brightspot CMS.

Admin configurations
A guide for installing, supporting and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
A guide for configuring different integrations to support a multitude of use cases.

Google Analytics
Apple News