Chroma Design System

Chroma is IAG's design system for UI designers, UXers, and front-end developers

Chroma is a multi-brand design system offering UI kits and component libraries which help deliver consistent user experiences.

Chroma component examples

library_books

Styleguide

View brand styles and branded chroma components for each brand

link

Develop With Chroma

Developer guide

Information on accessibility, using components, using brands, FAQs, and tutorials

link

Chroma Bit Documentation

Documentation for chroma’s modular react packages

link
edit_note

Chroma Legacy Documentation

Documentation for chroma’s legacy react components

link

Design With Chroma

Designer onboarding

Get an overview of chroma’s designer tools and resources

link

Chroma design system figma

All of chroma’s branded UI Kits in Figma

link

Get Support

Raise a development ticket

Raise a JIRA ticket for development issues and support requests

link

#chroma-des

Get support on design issues from other designers and the chroma team on Slack

link

#chroma-dev

Get support on development issues from other devs and the chroma team on Slack

link

© 2022 IAG Insurance Ltd.