·¬ÇÑÉçÇø

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 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 style_black_on_white.png
Styling, black on white
style_white_on_black.png 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).
Dynamic search field
Behaviors are typically implemented using JavaScript.

Previous Topic
Theme management
Next Topic
Uploading a theme
Tags
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News