Header and Footer

The Header

The header is important to the State’s goal of providing a consistent, seamless look-and-feel to the State’s web presence. Key elements of the header include the CA.gov logo, agency branding, and search box. The layout of this area must be as indicated in the image below.

The purpose of the brand header graphic is to make it clear that the web page being viewed is an official state of California web page with the unique identity of the agency/department embedded at the header level.

Header Rules

  1. The agency/department brand graphic shall appear at the top of every web page just to the right of the portal brand.
  2. The agency/department brand graphic must be saved on the individual website.
  3. The agency/department brand graphic will have an alt tag stating the name of the agency or department.
  4. It resides directly to the right of the CA.gov brand logo.
  5. The agency/department brand banner should not exceed 50 pixels in height.

Header Elements – Required


  • The logo must appear at upper left corner with a link back to the CA main home page (www.ca.gov).
  • Must use the specified size (102 x 78 pixels for the 2010 fixed template and 96 x 74 pixels for the 2013 responsive design template); placement and dimensions not to be altered.
  • Colors not to be altered.
  • Download the logo

About the CA Logo: In September 2006, we invited State webmasters,
graphic artists, and others to submit their logo suggestions for consideration for the State’s website. The logo was selected for its simplistic, yet stylistic features. It’s simplicity, clean lines, and compact design makes it well suited for use on department websites without taking away from their individual branding efforts. The logo works well in many different colors and sizes. The logo is an integral component of the portal and all future California websites. It signifies to visitors that they are on an official California site.

The logo was created out of a team effort of several people from the California State Parks Web Team. John Petersen, who did the illustration and design work, says the simplicity of the mark is key to its message. “It represents California stepping up to the next level of service, the clean lines signify the simplification of the process of serving the public, and finally the slanted letters represent the forward movement of our progress.”

Top Tabs

  • CA.gov link should be the first link at the far left.



Organization Branding

  • The brand graphic is approximately 239 x 50 pixels (can be wider) and it represents the unique identity of each state government agency/department. It can be either be .png (recommended), .gif or a .jpg file (transparent background recommended). Here is a tip on how to make your letters transparent in Photoshop.


  • The footer must appear at the bottom of all State web pages, and the color scheme must correspond to the logo and the navigation. The footer includes such information as links to the policies of ca.gov, contact information, and other information. Review required policies and notices.


Submit a Comment