Skip to main content

Brand Exploration

Colour Tokens​

Brand Colours​

Primary

Secondary

Accent

System Colours​

Error

Success

Warning

Information

Neutral Colours​

White

Lighter

Light

Default

Dark

Darker

Black

Typography Colours​

Heading

Headline

Body

Subheading

Link

Interactive Colour​

Interactive

Icon Colours​

Icon Default

Icon Light

Logo

Default

Dark

Typography

Headline

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text Heading

Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia

Text Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia

List

  • Item 1
  • Item 2
  • Item 3

Components

Header

Default

Heading

Light

Heading

Dark

Heading

Footer

Please refer to Privacy & Security for details as to how we manage your personal information. Refer to Terms of use for details on use of this website.

© Insurance Australia Limited ABN 11 000 016 722

Buttons

Primary colour

Secondary colour

Accent colour

Interactive

Destructive

CTA

Accordion

Alert

Alert information

Heads Up!

This alert needs your attention

Alert warning

Heads Up!

This alert needs your attention

Alert success

Heads Up!

This alert needs your attention

Alert error

Heads Up!

This alert needs your attention

Autocomplete

When autocomplete results are available tab to results list and use up and down arrows to review and enter to select.

Badge

Badge
Badge
Primary
Primary
Secondary
Secondary
Accent
Accent
Information
Information
Warning
Warning
Success
Success
Error
Error

Checkbox

Datepicker

DD/MM/YYYY

Date Format

Drawer

Favicon

chroma favicon

Form Group

This is some help text

Input

Input Group

%

Input Stepper

Label

Legend

This is a legend

Link

Link text

Message

Message Information
Message Success
Message Warning

Modal

Notification Counter

8
99+

Password

Progress Indicator

In review

Order placed
In review
Approved
Finale

Progress Loader

The default estimated time to complete is set to 5 seconds

Radio

Label

Radio Block

Segmented Control

Select

Spinner

Tab

Imagine driving with complete confidence, knowing that you're protected against any unexpected bumps in the road. With comprehensive car insurance, you get top-notch coverage that ensures your vehicle is safeguarded from accidents, theft, and more.

Textarea

Tooltip

Policy start date