Styleguide

Colors

Typography

Font used: Clash Display. 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 ]

[ Block Quote ]

Block Quote

[ Unordered List ]

List item 1
List item 2
List item 3

[ Ordered List ]

List item 1
List item 2
List item 3

Text Styles

[ H1 Style Heading ]

This is some text inside of a div block.

[ H2 Style Heading ]

This is some text inside of a div block.

[ H3 Style Heading ]

This is some text inside of a div block.

[ H4 Style Heading ]

This is some text inside of a div block.

[ H5 Style Heading ]

This is some text inside of a div block.

[ H6 Style Heading ]

This is some text inside of a div block.

[ Text Huge ]

This is a sample text.

[ Text XLarge ]

This is a sample text.

[ Text Large ]

This is a sample text.

[ Text Medium ]

This is a sample text.

[ Text Small ]

This is a sample text.

[ Text Tiny ]

This is a sample text.

[ Text Blue ]

This is a sample text.

Buttons

[ Button ]

[ Button - Big Button ]

[ Button - Form Button ]

[ Button Arrow ]

Forms

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

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Bold text

Emphasis

^Superscript

_Subscript

Event placeholder image — This is a sample caption