Style Guide

The style guide is a resource for designers, product managers, and developers, providing a common language around ahm’s UI patterns. We use it to maintain modular front-end code and visual consistency across the web app.

Typography

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

OfferBanners

2 months EXTRA

Quisque rhoncus

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

1 month FREE
Sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Quisque rhoncus

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Quisque rhoncus

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

2 months EXTRA

Quisque rhoncus

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

1 month FREE
Sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Save up to $200 when
take out hospital and extras cover today

Offer ends 28 February 2017, unless extended. Learn more.

Savings alert: You’ve scored $50 off!

Buttons

Buttons, links, onClick handlers and form submits

Button with a href

Accordions

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Nullam tempus varius eros

Sed orci felis, tincidunt quis facilisis imperdiet, iaculis id arcu. Maecenas a erat imperdiet, vestibulum nunc eu, bibendum nibh. Fusce sed maximus tellus. Aliquam ac scelerisque erat. Sed nec nulla purus.

Phasellus eget aliquet neque, at ultrices enim

Quisque rhoncus in ex vel auctor. Nunc vitae ultrices dolor. Ut sollicitudin eu erat eget tristique. Phasellus vehicula, justo sed blan dit egestas.

Spinners

Modals

Block Items

Steps Bar

StartHalf Way
StartHalf WayHome Stretch
Half WayHome Stretch

Steps Bar Static

StartHalf WayHome Stretch
StartHalf WayHome Stretch
StartHalf WayHome Stretch

Step Blocks

1
2

Radios

Tabs

  • Foo
  • Bar
  • Baz

Foo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Baz

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utaliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Zoom Panels

  • Wibble

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.

  • Wobble

    Duis aute irure dolor in reprehenderit in voluptate velit.

  • Wubble

    Culpa qui officia deserunt mollit anim id est laborum.

  • Wibble

    Lorem ipsum dolor sit amet, consectetur adipisicing elit.

  • Wobble

    Duis aute irure dolor in reprehenderit in voluptate velit.

  • Wubble

    Culpa qui officia deserunt mollit anim id est laborum.

Call Out

Get a car or home insurance quote online before 30 June 2016.

WIN a $500 eftpos card to put towards the things you love!



Did you know?

WIN a $500 eftpos card to put towards the things you love!




Did you know?

WIN a $500 eftpos card to put towards the things you love!

Did you know?

WIN a $500 eftpos card to put towards the things you love!

WIN a $500 eftpos card to put towards the things you love!

Features

Toggle a feature

Feature Enabled:

  • None