State Template Design & Layout
- The Header & Footer
- Agency Content Area
- View samples of the 1-Column , 2-Column and California main home page with ribbon layout options, in addition to samples of mega-drop down, mini, and single navigation options.
The new CA.GOV design has been created following usability guidelines to create a strong brand presence for the State of California. At the same time, the design provides flexibility for the state agencies to create their brand identity alongside the California brand.
The Executive Branch agencies are required to implement this new look and feel.
The following image shows the CA.GOV design, and indicates different components of this design. These components are described below, along with associated restrictions, if any, related to their proper usage for achieving the CA.GOV brand compliance.
Overall Design

The layout of the page should be as shown in the image. The image indicates default color scheme. The organization can choose other color schemes available from the palette. The logo, navigation and footer must use the same color scheme.
How to implement CA.GOV Look and Feel
To adopt this new look and feel, use the Templates
and CSS provided in WebTools. These templates and CSS already include
basic elements of the CA.GOV brand including the layout,
CA.GOV logo, the navigation, footer, etc., in default color scheme.
You can choose different color schemes from available color palettes,
and create your organization branding. You would need to download these
templates, understand the templating strategy, and learn
the implementation process for templates. For additional details on implementing
templates and CSS, follow the step-by-step instructions provided in Build
a Site section.
