layout

section

section

container

container

ratio size

Spacing system

margin

top

u-mt-1
u-mt-2
u-mt-5
u-mt-8
u-mt-10

bottom

u-mb-1
u-mb-2
u-mb-5
u-mb-8
u-mb-10

other

u-m-0
u-mrl-auto
margin: 0 auto; (centeres element)
u-mr-1rem
margin-right: 1rem;
u-ml-1rem
margin-left: 1rem;

padding

top

u-pt-0.5
u-pt-1
u-pt-2

bottom

u-pb-0.5
u-pb-1
u-pb-2

other

u-plr-1
padding-left-right: 2;
u-p-1
padding: 1rem;
u-pr-1rem
padding-right: 2rem;
u-pl-1rem
padding-left: 2rem;

typography

heading

h1
weight: extra light
size: 0.875-rem
height: 1.6
letter space: 0.2

h2
weight: extra light
size: 0.875-rem
height: 1.6
letter space: 0.2

h3
weight: extra light
size: 0.875-rem
height: 1.4
letter space: 0.2

h1 style
weight: extra light
size: 0.875-rem
height: 1.4
letter space: 0.2

h2 style
weight: extra light
size: 0.875-rem
height: 1.4
letter space: 0.2

h3 style
weight: extra light
size: 0.875-rem
height: 1.6
letter space: 0.2

body

paragraph

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.