Typography
HTML Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading Classes

heading-xlarge

heading-large

heading-medium

heading-small

heading-small

Other HTML Tags

All Paragraph (HTML Tag)A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Links
"This is a block quote."

  • No bullet list

  • No bullet list

  1. No bullet list

  2. No bullet list

  • No bullet list

  • No bullet list

  • No bullet list

Text Sizes

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Weights
text-weight-xbold
text-weight-bold
text-weight-semibold
text-weight-medium
text-weight-normal
text-weight-light
Text Styles
text-style-italic
text-style-strikethrough
text-style-allcaps
text-style-nowrap
text-style-quote
text-style-link
text-style-2columns
text-style-2lines
text-style-3lines
text-style-muted
Text Colors
text-color-black-100
text-color-black-50
text-color-black-20
text-color-black-10
text-color-black-0
text-color-accent-light
text-color-accent-dark
text-color-brand-100
text-color-brand-110
text-color-brand-20
Text Alignment
text-align-left
text-align-center
text-align-right
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
"This is a block quote."

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a link inside of a rich text

  1. List item
  2. List item
  3. List item
  • List item
  • List item
  • List item
ghjghgjh
Colors
Color Swatch
black-100
black-50
black-20
black-10
black-0
accent-light
accent-dark
brand-100
brand-110
brand-20
Background Color

background-color-blue

background-color-yellow

background-color-beige

background-color-green

background-color-pink

background-color-white

UI Elements
Buttons
Join the club
Join the club
Navigation
hey@weareboring.nl
Opacity
Width
Accordion Item
Search
Tabs
Icons

.icon-1x1-xxsmall

.icon-1x1-xsmall

.icon-1x1-small

.icon-1x1-medium

.icon-1x1-regular

.icon-1x1-large

.icon-1x1-xlarge

Form Elements
Let's chat
Start a project

Contact details

Thank you for your interest. We can't wait to get started!
Whoops... something went wrong
Images

Image Aspect Ratio 1:1

Image Aspect Ratio 4:3

Image Aspect Ratio 3:2

Image Aspect Ratio 16:9