Guidelines

The Civic Guidelines provide practical advice and standards for designing, developing, and maintaining websites and applications.

These guidelines cover topics such as accessibility, design principles, data visualizations, development practices, forms, and process maturity. Following them helps ensure digital products are usable, consistent, and effective for all users.

Guides

Welcome

• About Civic Design

  Background and purpose of the Civic Design System.

• Getting Started

  Set up the project locally and start building.

Design & Accessibility

• WCAG Accessibility

  WCAG 2.2 AA principles, guidelines, and success criteria.

• Working with Color

  Color accessibility, luminance, and contrast ratios.

• Design Principles

  Core principles for effective and consistent design.

Development & Process

• Process Maturity

  Improving and assessing design and development processes.

Custom Configuration

• Custom Configuration

  Overview of customizing the Civic Design System.

• DS Configuration

  Design system settings and configuration options.

• Color Palettes

  Custom color palettes and theme color configurations.

• Utilities, Mixins & Functions

  USWDS utility classes, Sass mixins, and functions reference.