More about CivicTheme
is an open source, component-based design system and Drupal theme.
CivicTheme includes:
- A mature Figma design system UI kit
- A library of 40+ out-of-the-box components
- A Drupal 10 theme
You can start with visual designs in Figma, or start building immediately with Drupal and the Drupal 10 theme.
CivicTheme is also accessible, complying with WCAG 2.1 AA out-of-the-box.
Start designing your CivicTheme site
You can start designing your CivicTheme site in Figma.
Salsa’s CivicTheme consulting services
Maximise CivicTheme
Get the most out of CivicTheme, with advice, best practices and applications for design systems and CivicTheme.
Map-n-gap to CivicTheme
Is CivicTheme right for you? We'll map your existing site to CivicTheme components and identify any gaps.
Audit and fix issues
Full accessibility review of your implementation of CivicTheme to keep your site WCAG2.1 AA compliant.
Salsa’s CivicTheme design services
Validated user experience
We'll test your CivicTheme designs on users, taking them through specific tasks and validating your design choices.
Rapid design concepts
A working protopye of your CivicTheme website in Figma, ready for stakeholder review or user testing.
Fast, stunning designs
Website designs using CivicTheme, focused on your website's user interface and user experience.
Keeping the user focus
Working with you to identify key user tasks and map these user journeys using CivicTheme design components.
Designs for key pages
Designing your homepage and key landing pages using CivicTheme, with real content and images.
Salsa’s CivicTheme build services
Fast Drupal site assembly
We build your Drupal website using your CivicTheme designs and our library of perfectly matched Drupal components.
Fast site assembly
We build your decoupled website using CivicTheme, integrated with your frontend framework, such as React, Nuxt and Vue.
Fast Drupal prototypes
Quickly see a prototype of selected pages of your new CivicTheme website.
Salsa’s CivicTheme support services
Ongoing performance
Keep your CivicTheme site up-to-date with regular security and patch updates, improvements and fixes. Enhances performance, security and longevity.
Improved speed and security
Enterprise hosting for your CivicTheme website, up to 20x faster, 2x cheaper, 16x greener and significantly more secure.
Self-serve
Technical documentation so you can configure your CivicTheme website yourself.
Learn more with our CivicTheme insights
CivicTheme wins UX/Design Splash Award
Find out more about CivicTheme’s win at the Splash Awards.
How to convert Figma to Drupal or WordPress
Unlock Figma website designs by integrating with WordPress (Figmafy) and Drupal (CivicTheme) for full websites.
BenefitMe runner up for Non-profit Splash Award
BenefitMe was honoured as the runner up in the Non-profit Splash Award.
Read our design case studies
CivicTheme — setting up automated visual regression testing
Setting up automated visual regression testing to provide a consistent visual experience for CivicTheme sites.
AEIC — new GovCMS website with CivicTheme
A new GovCMS website using CivicTheme to drive energy industry standards and help citizens voice their opinions on energy matters.