Molecules

What are Molecules? In CivicTheme, molecules are combinations of atoms that work together as a functional unit, based on Brad Frost's Atomic Design principles. These components are created by joining multiple atoms to form simple, reusable interface elements with distinct functionality.

---

Molecules in CivicTheme include components such as search fields, navigation items, and card components, all designed to ensure accessibility, consistency, and reusability across digital services. These molecules serve as the connective tissue of CivicTheme, bridging atoms and more complex organisms, ensuring a consistent, accessible, and flexible design system across projects. Each molecule follows WCAG 2.2 AA standards and is optimised for both design and development, with implementations available in Figma and Storybook.