WA Seniors Card Style Guide

Font

Proxima Nova (sans-serif), and Duplicate Ionic (serif)

Colours

Barley Corn
#A8996E
hsl(44, 25%, 55%)
Seashell
#F2F0EE
hsl(30, 13%, 94%)
Quill Grey
#D7D1CA
hsl(226, 100%, 97%)
Regal Blue
#0A396E
hsl(212, 83%, 24%)
Pacific Blue
#00AAE7
hsl(196, 100%, 45%)
Dove Grey
#6D6E71
hsl(225, 2%, 44%)

Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text

Paragraph text

Links

https://www.seniorscard.wa.gov.au

Lists

  • Item 1
  • Item 2
  • Item 3
  1. Item 1
  2. Item 2
  3. Item 3

Icons

Icons are to be SVG format in style of lineal detailed rounded.

Messages

Error: error text
Success! success text
Information: information text

Form Fields

Text input
ABC
Password input
ABC
Check box input
Radio option input

Textarea input

Buttons

Primary button:

Secondary button:

Tab component

Tab1
Tab2
Tab1

fsdfdsfds

Table

Column A Column B Column C
Value 1 Value 2 Value 3
Value 4 Value 5 Value 6
Value 7 Value 8 Value 9

Quote

fsdfdsfds

– dfdsadfas dsadsa

line 1


line 2


line 3

– dfdsadfas dsadsa

Tooltips

Description and content goes here

Different text sizes

small

big

​WA Seniors Card