Styleguide

Colors

Typography

Font used: Satoshi. View licenses page for details.

HTML Tags

[ H1 ]

H1 Headings

[ H2 ]

H2 Headings

[ H3 ]

H3 Headings

[ H4 ]

H4 Headings

[ H5 ]

H5 Headings

[ H6 ]

H6 Headings

[ Paragraph ]

This is a sample text.

[ Text Link ]

Text Link

Text Styles

[ Heading 1 ]

H1 Style

[ Heading 2 ]

H2 Style

[ Heading 3 ]

H3 Style

[ Heading 4 ]

H4 Style

[ Heading 5 ]

H5 Style

[ Heading 6 ]

H6 Style

[ Text Huge ]

This is a sample text.

[ Text XXLarge ]

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.

[ Combo Class: Uppercase ]

This is some text inside of a div block.

[ Combo Class: Bold ]

This is some text inside of a div block.

Buttons

[ Button ]

Button text

[ Animated Button - Component ]

Button text

[ Animated Transparent Button - Component ]

Button text

Forms

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Rich Text

The Rich Text Element is used to create long-form content. Double-click into the rich text element to add headings, paragraphs, lists, images and videos.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraph - Lorem ipsum dolor sit amet. Et eligendi aliquid ut omnis perferendis est veniam consequatur rem corrupti provident ut internos quasi et Quis earum. Non dolorem voluptatem est sapiente laborum sed libero voluptas ut maxime voluptas et necessitatibus dolor.

This is a text link

Block Quote - Lorem ipsum dolor sit amet. Et eligendi aliquid ut omnis perferendis est veniam consequatur rem corrupti provident ut internos quasi et Quis earum. Non dolorem voluptatem est sapiente laborum sed libero voluptas ut maxime voluptas et necessitatibus dolor.

An unordered list item
Another unordered list item
Another unordered list item

An ordered list item
Another ordered list item
Another ordered list item