Skip to content

The Beta Design System is no longer being updated.

It remains online for reference only. Maintenance, bug fixes, and security updates will continue through July 1, 2026 and are tracked in the Beta GitHub repository.

For active development, head over to California's next design system in our new GitHub repository.

Statewide footer

Readme Changelog

Development stage

1
In research
2
Alpha
3
Beta
4
Production

Alpha components have not been thoroughly tested by developers. Learn more about component maturity.

2.0.1

  • Removed redundant package-lock.json (due to workspaces config in monorepo). This fixes vulnerability in the npm ip package.

2.0.0

  • Moved built CSS to dist folder.

1.0.10

  • Updated color variables to go inline with new CEILAB color palette.

1.0.9

  • Restored link to CA.gov.
  • Added default values to CSS variable declarations.
  • CSS changes to minimize regressions.

1.0.8

  • Updated copyright positioning. Changed CA.gov icon width to 33px to mach figma prototype. Removed link icons from the footer links.

1.0.7

  • Added aria-hidden attribute to CA.gov svg icon, so it is hidden from assistive technologies.

1.0.6

  • Aligned copyright line to container end with with new class, also added to sample markup

1.0.5

  • Linted and formatted code per root eslint/prettier settings.
  • Added unit test.

1.0.4

  • Added padding right 24px to the cagov-logo to make there is always consistent space between footer-secondary-links and cagov-logo.

1.0.3

  • Updated statewide footer container's padding to 16px instead of 1rem to make it consistent with other components.

1.0.2

  • Changed space between CA.gov icon and first link to 24px. Made distance from the footer's top to the CA.gov logo 16px in mobile.

1.0.1

  • Updated CA.gov logo to have CA.gov colors, not the colors of the department/agency. Removed link from the CA.gov icon since there is actual spelled out link to the CA.gov website next to it.