Typography (Desktop)
Headings, body and other common text elements
D1
D2
D3
D4
SH1
SH2
SH2
T1
T2
T3
T4
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
Typography (Tablet)
Headings, body and other common text elements
D1
D2
D3
D4
SH1
SH2
SH3
SH4
SH5
T1
T2
T3
T4
Text 5, consectetur adipiscing elit.
Block Quote
Typography (Mobile)
Headings, body and other common text elements
D1
D2
D3
D4
SH1
SH2
SH3
SH4
SH5
T1
T2
T3
T4
Text 5, consectetur adipiscing elit.
Colors
Color palette to be used on the site
Form Fields
Size variations for text inputs, switches, checkboxes and radios
Image/Video
Size variations for images and video
Grid System (Desktop)
24 columns
Grid System (Tablet - Medium)
24 columns
Grid System (Mobile - Small)
24 columns
Margins
Global spacing system
Z-Index
Classes to manage levels of z-index
Utilities
Display classes for hiding elements on various breakpoints