Typography

Establish general type styles and basics for the OutdoorClass web environment.

Heading 1 <h1>

Heading 2 <h2>

Heading 3 <h3>

Heading 4 <h4>

Heading 5 <h5> with class .underlined-heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

If you need any text to be bold it will look like this.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Colors

Below you will find example swatches and hex codes for the colors in the OutdoorClass brand system. Usage and theming is TBD.

Brand Colors

OC Green (Primary)

#456161

OC Olive

#6b7160

OC Desert (Accent)

#ccc291

OC Yellow

#c8ab53

OC Sage

#909576

OC Earth

#80755e

Grey Index

Grey 25

#fbfbfb

Grey 50

#f6f6f6

Grey 100

#EFEFEF

Grey 200

#BEc0c0

Grey 300

#9DA1A1

Grey 400

#7d8181

Grey 500

#5c6262

Grey 600

#4a4e4e

Grey 700

#373b3b

Grey 800

#252727

Grey 900

#0c0c0c

Buttons