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:
Design system
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.
UI Kit
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.2 AA out-of-the-box.
Drupal theme
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.
Useful links
Demo sites
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
Other links
Last updated