Introduction

CivicTheme is an open-source, inclusive and component-based design system.

It was created so governments and corporations can rapidly assemble modern, consistent and compliant digital experiences.

It consists of 3 main assets:

CivicTheme is a true design system, based on atomic design principles.

Design System is implemented as a Figma file that provides a visual representation of components and their usage within design templates.

The UI Kit is a library of components built with HTML, CSS and JavaScript.

The components have been built and assessed to comply with WCAG accessibility standards 2.1 AA out-of-the-box.

Drupal theme is an implementation of the UI Kit for Drupal CMS.

The Drupal theme contains all necessary configurations and code to connect the CMS data with the UI Kit components.

https://default.civictheme.io/ - latest stable build. Use "Generated content" menu item to view components in multiple variants.

https://government.civictheme.io/ - example of CivicTheme with the government industry content

https://higher-education-university.civictheme.io/ - example of CivicTheme with the higher education industry content

https://corporate.civictheme.io/ - example of CivicTheme with the corporate industry content

https://health.civictheme.io/ - example of CivicTheme with the health industry content