Style Guide

Pro-tips: Paste this content into a dedicated page named “Style guide”. Convert each color style below to global swatches so they can be used in text, borders, backgrounds, and gradients. To do this, select a color style element, navigate to the Background Color section in the Style panel, edit the color, and add it as a global swatch.

Text styles

Lorem ipsum dolor

Bebas Neue Regular 100px/90px

Lorem ipsum dolor

Bebas Neue Regular 60px/62px

Lorem ipsum dolor

Bebas Neue Regular 80px/NaNpx

Lorem ipsum dolor

Bebas Neue Regular 40px/NaNpx

Lorem ipsum dolor

Inter Light 50px/NaNpx

Lorem ipsum dolor

Inter Light 40px/NaNpx

Lorem ipsum dolor

Inter Medium 34px/NaNpx

Lorem ipsum dolor

Inter Bold 34px/NaNpx

Lorem ipsum dolor

Inter Light 30px/NaNpx

Lorem ipsum dolor

Inter Medium 30px/NaNpx

Lorem ipsum dolor

Inter Regular 16px/NaNpx

Lorem ipsum dolor

Inter Regular 20px/30px

Lorem ipsum dolor

Inter Bold 16px/NaNpx

Lorem ipsum dolor

Inter Regular 14px/NaNpx

Lorem ipsum dolor

Jost Light 14px/NaNpx

Lorem ipsum dolor

Jost Medium 10px/NaNpx

Lorem ipsum dolor

Jost Medium 8px/NaNpx

Color styles

GCA Black - #020000

GCA Med Green - #8BC34A

GCA Light Green - #B2FF59

GCA Light Black - #2C2C2C

GCA White - #FFFFFF

GCA Grey - #A7A7A7

GCA White Fade 10 -

GCA Med Black - #141414

GCA Med Grey - #777777

GCA Light Grey - #D1D1D1

Grey_0A - #D2D2D2

Lime_01 - #8BC34A

Tangrine_04 - #FEB775

Sea Grass_02 - #69F0AE