Styleguide

Colors

Typography

Font used: Inter Tight. 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.

[ Text Links ]
Text Link

Text Styles

[ H1 ]
Heading 1
[ H2 ]
Heading 2
[ H3 ]
Heading 3
[ H4 ]
Heading 4
[ 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 Small Bold]

This is a sample text.

Buttons

[ Button ]
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.

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

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
  1. An ordered list item
  2. Another ordered list item
  3. Another ordered list item
Modern building
This is an image caption

Interaction Classes

Simply add these classes to an element to achieve the effect.

[ Image Hover Opacity ]
Modern building
[ Slide Into View Animation ]
Modern building