Styles

Colors Typography Spacing Border Radius Components

Buttons Cards

Style Guide

This is the official style guide for Ethan Blackwell.

Styles

Typography

Headings

Heading H1 Onest Extra Bold
4rem 1.1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading H2 Onest Extra Bold
2.8rem 1.2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading H3 Onest Bold
1.5rem 1.4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading H4 Onest Bold
1.2rem 1.4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading H5 Onest Bold
1.1rem 1.4
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H6 Onest Bold
1rem 1.4
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body

Body Default Onest Normal
1.1rem 1.6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lorem dui, eleifend eu sem et, pharetra cursus enim.

Spacing

Containers

Small (24px)
Medium (32px)
Large (48px)

Border Radius

Containers

Small (16px)
Medium (24px)
Large (32px)

Components

Buttons

Primary

Small Button
Medium Button
Large Button

Secondary

Small Button
Medium Button
Large Button

Cards

Standard

Floating

Border

Gradient