Overview of Themes

Themes are wrappers around data received from the server. They have the following general categories of characteristics.

Page Layout

A page layout specifies which elements are rendered in the web page and in which order. The following examples are page layouts from two themes that render a carousel of images. In the top example, the carousel displays one frame at a time; in the second example, the carousel progress displays two frames at a time and has a button linking to the associated story.

Single-frame carousel


Double-frame carousel



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

Black on White White on Black
../../../_images/style-black-on-white.svg ../../../_images/style-white-on-black.svg


Web pages have a variety of behaviors, such as animation and preliminary data validation. The following animation shows how a forward indicator changes color as the mouse approaches and then clicks on it.


Behaviors are typically implemented using Javascript.