Styleguide

Colors

Typography

Font used: Manrope. 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 3]
Heading 3
[ Heading 4 ]
Heading 4
[ Heading 5 ]
Heading 5
[ 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.

Buttons

[ Button ]
Button Text
[ Animated Button - Component ]

Forms

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

Rich Text

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
Exterior of modern building
This is an image caption