Fail Better Style Guide

Brand Colors

Primary Brand Colors

$fb-blue

#04A3DF

$fb-blue-80

$fb-blue-60

$fb-blue-40

$fb-red

#C4312F

$fb-red-80

$fb-red-60

$fb-red-40

Supplementary Colors

$fb-teal

#70C9E9

$fb-teal-light

#8FDEF6

$fb-salmon

#EA6552

$fb-salmon-light

#FD8369

$fb-yellow

#F5B540

$fb-yellow-light

#FECE66

$fb-charcoal

#343B43

$fb-charcoal-light

#495057

First Level Heading Roboto Slab Bold 54px / 72px

Second Level Heading Open Sans Bold 36px / 48px

Third Level Heading Open Sans Regular 36px / 48px

Fourth Level Heading Open Sans Light 24px / 36px / 24px

Fifth Level Heading TBD

Sixth Level Heading TBD

Body Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit, sint, minima eveniet quos adipisci iste sit ipsum reprehenderit ab recusandae quas tenetur eos rerum cupiditate quae libero nostrum excepturi nihil.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, deserunt, soluta, dignissimos temporibus harum consectetur odio debitis sunt architecto ullam quibusdam nesciunt inventore eos hic quidem perferendis aperiam. Quo, rerum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, cumque, est expedita vero quo sequi non incidunt maxime sed nihil minus quis ex fuga eum ipsa cum architecto enim aut.

- Source

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, incidunt, fugit blanditiis molestiae quis architecto atque maxime nobis voluptas ratione a quia est aliquam. Sint amet explicabo necessitatibus voluptatibus illo!

By Author on Date in Category

Description of an image to be displayed alongside or below that image.