Style Guide

Typography

Fonts used throughout this website.

Platform

Primary font : Platform

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique maximus fermentum. Fusce id consequat sapien. Aliquam non nibh ac est ornare tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut felis sem, ornare id neque at, condimentum tristique nibh. Fusce justo magna, placerat laoreet porta et, egestas non augue. Aliquam erat volutpat. Vestibulum euismod vitae justo vel sodales. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Secondary font : system-ui

Headings
styles

Use Heading classes when the typography style doesn't match the default HTML tag.

Heading H1

heading-style-h1

Heading H2

heading-style-h2

Heading H3

heading-style-h3

Heading H4

heading-style-h4
Heading H5
heading-style-h5
Heading H6
heading-style-h6

Other HTML Tags

HTML tags define default text styles.

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail. It uses this to drink nectar from flowers with long corollas and has coevolved with the plant Passiflora mixta. While most hummingbirds preen using their beaks, the sword-billed hummingbird uses its feet to scratch and preen due to its beak being so long.

All paragraphs
The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America.
All block quotes
  1. Hummingbird
  2. Parrot
  3. Pigeon
All ordered lists
  • Hummingbird
  • Parrot
  • Pigeon
All unordered lists
All links

Text classes

Text classes when typography style doesn't match the default HTML tag.
text size

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-size-tiny

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-size-small

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-size-regular

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-size-medium

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-size-large
text align

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-align-left

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-align-center

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-align-right
text weight

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-weight-normal

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-weight-semibold
text color

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-color-highlighted

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-color-neutral500

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-color-primary

The sword-billed hummingbird (Ensifera ensifera) is a neotropical species of hummingbird from the Andean regions of South America. Among the largest species of hummingbird, it is characterized by its unusually long beak, being the only bird to have a beak longer than the rest of its body, excluding the tail.

text-color-white

Rich text

All rich text tags, styled and presented in use.

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Buttons

Button components
button-primary
button-secondary
button-third

Form control

Input, Controller, selected...
input-label
input-label-disabled
selected
selected-disabled
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Icons

Icon text
icon

Color palette

Color palette
primary
#2b292c
white
#ffffff
black
#1d1d1d
gray-1
#292929
gray-2
#5c5c5c
gray-3
#5c5c5c
gray-4
#c4c4c4
Notifications
alert
#b91c1c
alert10
rgba(185, 28, 28, 0.1)
warning
#f59e0b
warning10
rgba(245, 158, 11, 0.1)
success
#65a30d
success10
rgba(101, 163, 13, 0.1)