State Template Design & Layout

• The Header & Footer
• Agency Content Area
• View samples of the 1-Column, 2-Column and 3-Column layout 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 agencies can choose other color scheme from available palette. On one web page, 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 tabbed navigation, footer, etc., in default color scheme. You can choose a different color schemes from available color palette, and create agency 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.