Typography

Fonts

TWK Everett

Headings

Weights: Nirmal (400)

TWK Everett

Body

Weights: Normal (400)

Hedings

H1 Headings

Element

H2 Headings

Element

h1
Class
h2
Class

Body

paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph-20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Color

Text

Aa

White

#ffff
u-text-white
Aa

Black

#000
u-text-black

Background

Black

#000
u-bg-black

White

#fff
u-bg-white

Utilities

Margin

u-mb-16
margin-bottom: 16;
u-mb-16
margin-bottom: 16;
u-mb-24
margin-bottom: 24;
u-mb-64
margin-bottom: 64;
u-mb-88
margin-bottom: 88;
u-mb-48
margin-bottom: 48;
u-ml-744
margin-left: 744;

Helpers

u-opacity-50
opacity: 50%
u-overflow-hidden
overflow:hidden

Display + position

u-d-flex
display: flex;
u-align-center
align-items: center;