Styles
Components
Style Guide
This is the official style guide for Ethan Blackwell.
Styles
Colors
Accent Colors
Click to copy
Primary 1
#007ce9
Click to copy
Primary 2
#003585
Click to copy
Complementary
#ca7100Contrast Colors
Click to copy
Contrast 1
#222222
Click to copy
Contrast 2
#303030
Click to copy
Contrast 3
#515151
Click to copy
Contrast 4
#626262Background Colors
Click to copy
Background 1
#ededed
Click to copy
Background 2
#f6f6f6
Click to copy
Background 3
#ffffffAlerts & Notices
Click to copy
Success
#3bbf7a
Click to copy
Info
#0464c6
Click to copy
Danger
#e94c49
Click to copy
Warning
#ff8a34
Click to copy
Rating
#ffc045Typography
Headings
Heading H1
Onest Extra Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H2
Onest Extra Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H3
Onest Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H4
Onest Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H5
Onest Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Heading H6
Onest Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Body
Body Default
Onest Normal
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)