Style guide
Type styles
Heading XL
Heading 01
Heading 02
Heading 03
Heading 04
Heading 05
Heading 06
Heading 07
Heading 08
Heading 09
Heading 10
Subhead 01
Subhead 02
Subhead 03
Subhead 04
Subhead 05
Subhead 06
Subhead 07
Subhead 08
Subhead 09
hr
Text 1: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 2: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 3: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 4: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 5: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 6: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Text 7: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.
Colours
#e32728
Red
#f93c3c
Pop Red
#c11313
Rollover Red
#f2f2f2
#e8e8e8
#dfdfdf
#cbcbcb
#8a8a8a
#484848
#343434
#151515
#201e1e
Warm Black
Buttons
Animated Icons
NB: When icon snippets are used within an active element (link/button) that element must have the class "group" to get the hover/focus styling to work.
Static Icons
Form Elements
Standard Table Element
Heading 0 | Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
---|---|---|---|---|---|
Row 0 / Column 0 | Row 0 / Column 1 | Row 0 / Column 2 | Row 0 / Column 3 | Row 0 / Column 4 | Row 0 / Column 5 |
Row 1 / Column 0 | Row 1 / Column 1 | Row 1 / Column 2 | Row 1 / Column 3 | Row 1 / Column 4 | Row 1 / Column 5 |
Row 2 / Column 0 | Row 2 / Column 1 | Row 2 / Column 2 | Row 2 / Column 3 | Row 2 / Column 4 | Row 2 / Column 5 |
Row 3 / Column 0 | Row 3 / Column 1 | Row 3 / Column 2 | Row 3 / Column 3 | Row 3 / Column 4 | Row 3 / Column 5 |
Row 4 / Column 0 | Row 4 / Column 1 | Row 4 / Column 2 | Row 4 / Column 3 | Row 4 / Column 4 | Row 4 / Column 5 |
Row 5 / Column 0 | Row 5 / Column 1 | Row 5 / Column 2 | Row 5 / Column 3 | Row 5 / Column 4 | Row 5 / Column 5 |
RTE Table Element
Heading 0 | Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
---|---|---|---|---|---|
Row 0 / Column 0 | Row 0 / Column 1 | Row 0 / Column 2 | Row 0 / Column 3 | Row 0 / Column 4 | Row 0 / Column 5 |
Row 1 / Column 0 | Row 1 / Column 1 | Row 1 / Column 2 | Row 1 / Column 3 | Row 1 / Column 4 | Row 1 / Column 5 |
Row 2 / Column 0 | Row 2 / Column 1 | Row 2 / Column 2 | Row 2 / Column 3 | Row 2 / Column 4 | Row 2 / Column 5 |
Row 3 / Column 0 | Row 3 / Column 1 | Row 3 / Column 2 | Row 3 / Column 3 | Row 3 / Column 4 | Row 3 / Column 5 |
Row 4 / Column 0 | Row 4 / Column 1 | Row 4 / Column 2 | Row 4 / Column 3 | Row 4 / Column 4 | Row 4 / Column 5 |
Row 5 / Column 0 | Row 5 / Column 1 | Row 5 / Column 2 | Row 5 / Column 3 | Row 5 / Column 4 | Row 5 / Column 5 |
RTE Small Table Element
Heading 0 | Heading 1 | Heading 2 | Heading 3 | Heading 4 | Heading 5 |
---|---|---|---|---|---|
Row 0 / Column 0 | Row 0 / Column 1 | Row 0 / Column 2 | Row 0 / Column 3 | Row 0 / Column 4 | Row 0 / Column 5 |
Row 1 / Column 0 | Row 1 / Column 1 | Row 1 / Column 2 | Row 1 / Column 3 | Row 1 / Column 4 | Row 1 / Column 5 |
Row 2 / Column 0 | Row 2 / Column 1 | Row 2 / Column 2 | Row 2 / Column 3 | Row 2 / Column 4 | Row 2 / Column 5 |
Row 3 / Column 0 | Row 3 / Column 1 | Row 3 / Column 2 | Row 3 / Column 3 | Row 3 / Column 4 | Row 3 / Column 5 |
Row 4 / Column 0 | Row 4 / Column 1 | Row 4 / Column 2 | Row 4 / Column 3 | Row 4 / Column 4 | Row 4 / Column 5 |
Row 5 / Column 0 | Row 5 / Column 1 | Row 5 / Column 2 | Row 5 / Column 3 | Row 5 / Column 4 | Row 5 / Column 5 |