Styleguide

Colors

Typography

Fonts used: Heebo (Main Font) and Instrument Serif (Secondary Font). View licenses page for details.

HTML Tags

[ H1 ]

H1 Heading

[ H2 ]

H2 Heading

[ H3 ]

H3 Heading

[ H4 ]

H4 Heading

[ H5 ]
H5 Heading
[ H6 ]
H6 Heading
[ Paragraph ]

This is a sample text.

[ Links ]
Text Link
[ Block Quote ]
Block Quote
[ Unordered List ]
  • List item 1
  • List item 2
  • List item 3
[ Ordered List ]
  1. List item 1
  2. List item 2
  3. List item 3

Text Styles

[ Heading H1 Style ]
This is a sample text.
[ Heading H2 Style ]
This is a sample text.
[ Heading H3 Style ]
This is a sample text.
[ Heading H4 Style ]
This is a sample text.
[ Heading H5 Style ]
This is a sample text.
[ Text Huge ]
This is a sample text.
[ Text Large ]
This is a sample text.
[ Secondary Text Large ]
This is a sample text.
[ Secondary Text Medium ]
This is a sample text.
[ Secondary Text Small ]
This is a sample text.

Buttons

[ Button ]
[ Button - Button Small ]
[ Button - Black Button ]
[ Button - Black Button - Button Small ]

Buttons Light

[ Button - Light Button ]
[ Button - Light Button - Button Small ]
[ Button - White Button ]
[ Button - White Button - Button Small ]

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Forms Light

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Rich Text

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

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

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

This is a sample caption