Style Guide
This page outlines the current styles and standards for the Coast Orthopaedics website.
Logos
Primary
Icon
Black
White
Colors
An overview of this site's brand colors.
Primary
#5ebf24
Secondary
#e1f5d5
EXTRAS
#000000
#8F9090
#fcfbf9
Buttons
Solid and outline buttons examples.
BUTTONS ON DARK BACKGROUND
Typography
Below is an overview of responsive typography sizes and weights for this site.
These are computed from a base size and a mathematical scale.
These are computed from a base size and a mathematical scale.
HEADING 1 // from 38px to 50px
.heading-1
Eurostile Hq
.heading-1 .--medium
Eurostile Hq
.heading-1 .--bold
Eurostile Hq
HEADING 2 // from 24px to 36px
.heading-2
Eurostile Hq
.heading-2 .--medium
Eurostile Hq
.heading-2 .--bold
Eurostile Hq
HEADING 3 // from 24px to 36px
.heading-3
Eurostile Hq
.heading-3 .--medium
Eurostile Hq
.heading-3 .--bold
Eurostile Hq
BODY TEXT
.body-text
Neue Montreal
.body-text .--medium
Neue Montreal
.body-text .--bold