Dealer Site 2.0

Style Kit

Background Colour Palette
Primary
Primary
.
Secondary
Secondary
.
Tertiary
Tertiary
.
Tertiary Offset
Tertiary Offset
.
Text Colour Palette
Primary
Primary
.
Secondary
Secondary
.
Tertiary
Tertiary
.
Grey Colour Palette
Light Grey
Light Grey
.
Standard Grey
Standard Grey
.
Dark Grey
Dark Grey
.
Typography
Font Family
Font Family
Cabin Regular
 
 
Cabin Semi-Bold
Typography styles
Cabin Regular
Cabin Regular Line height:
Cabin Regular
Cabin Regular Line height:
Cabin Regular
Cabin Regular Line height:
Typography line heights

Heading 1

Heading 2

Paragraph

Hyperlink

Typography examples inc. spacing

H1 Lorem ipsum dolor sit amet.

H2 Lorem ipsum dolor sit amet.

Paragraph Lorem ipsum dolor sit amet. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem.

Iconography
V10 line icon set
Form Elements
Check Boxes
Check Box Construction
Radio Inputs
Radio Construction
Input Fields
Input Construction
Select Fields
Select Construction
Concertinas (Toggle Module)
Toggle Module

Basic Toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Toggle Module Construction

Toggle Construction

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Tab System
LeftRight
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tab Content
Tab Content
Data Tables
On Grey Background
Table Heading Table Heading Table Heading Table Heading
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
On White Background
Table Heading Table Heading Table Heading Table Heading
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
Sliders
Standard Sliders
Slider Title
Value
Slider Construction
Slider Title
Value
Elements
Standard Modal
Small Modal