Living Style Guide

Examples of Elements and Components for the site.

More information is available through the buttons

Colours

Feature
Complimentary
Primary
Supp 1
Standard
C18 M100 Y73 K07
R191 G29 B64
#BF1D40
C60 M20 Y100 K03
R118 G157 B57
#769D39
C68 M61 Y60 K49
R61 G61 B61
#3D3D3D
C18 M29 Y100 K00
R216 G175 B35
#D8AF23
Dark
C49 M84 Y68 K72
R63 G10 B21
#3F0A15
C69 M38 Y100 K26
R80 G106 B38
#506A26
C0 M0 Y0 K76
R61 G61 B61
#3d3d3d
C39 M45 Y100 K15
R148 G120 B24
#947818
Light
C00 M26 Y42 K21
R202 G149 B162
#CA95A2
C02 M00 Y06 K13
R217 G222 B209
#D9DED1
C11 M08 Y09 K00
R224 G224 B224
#E0E0E0
C00 M05 Y21 K05
R241 G230 B190
#F1E6BE
Black
C73 M67 Y66 K81
R19 G19 B19
#131313
White
C0 M0 Y0 K01
R252 G252 B252
#131313

Fonts

All Heading and title texts are in Helvetica Condensed Bold.

All standard text is arial.

Headings

H1

H2

H3

H4

H5
H6

List heading example

Section Title Subsection Title

Buttons

Inputs

Dropdowns

Radio Buttons

Labeled

Yes / No (Positive / Negative)

Check Boxes

Switches / Toggles

Stake

Icons

All Icon classes (including duplicates):

Large:

Default:

Small:

Cheverons

Default:

R44
R45
R46
R47

Large:

R44
R45
R46
R47

Breadcrumb Navigation

  • R40
  • R41
  • R42
  • R43
  • R44
  • R45
  • R46
  • R47
  • R48
  • R49
  • R50
  • R51
  • R52
  • R53
  • R54
  • R55
  • R56
  • R57

Time

Betting Closing in at

Lists

Simple List

Simple List with link arrow

Event List

Event List Detailed

Event List Detailed (racing)

Site Navigation

Left hand Nav

Page Layout

Left Nav
Betslip

PageWrap

Bet

Single Bet

2: GOSHI
(LuxMid,Win)
Racing Live
Greyhound Racing,
ALBION PARK
4: A TEAM STUD
Price
LuxMid
Stake
Delete

Multi Bet

Name
2
$2.00

Exotic Bet

Horse Racing, Kyneton
Race 5: Some Racename
(VIC, Quaddie)
event_datetime
Race 5: 1 / Race 6: 2 / Race 7: 5 / Race 8: 5
Price
product_short_name
Stake
Delete

Bet Ticket

2: GOSHI
(LuxMid,Win)
Racing Live
Greyhound Racing,
ALBION PARK
4: A TEAM STUD
Price
LuxMid
Stake
Delete

Cart (Betslip)

BETSLIP

Single Bets

2: GOSHI
(LuxMid,Win)
Racing Live
Greyhound Racing,
ALBION PARK
4: A TEAM STUD
Price
LuxMid
Stake
Delete

Multis

Name
Stake
Bets
Cost
Error: {{multi.checkoutError.error_message}}
Name
2
$2.00
Bet placed successfully
ID: {{multi.betplaced.bet_id}}
Name
2
$2.00
Bet partially placed, please check your statement for more details
Name
2
$2.00
Clear All Bets

Notify

Modal