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

../../../_images/carousel-single.png

Double-frame carousel

../../../_images/carousel-double.png

Styling

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

Behavior

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.

../../../_images/forward-indicator.gif

Behaviors are typically implemented using Javascript.