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.

Color styles

Primary 100 - #606C5D

Background 100 - #FAF8F1

Secondary 100 - #DDD2C0

Neutrals 120 - #252525

Neutrals 110 - #585858

Neutrals 90 - #F1F1F1

Neutrals 100 - #E3E2E2

Secondary 190 - #F3E4D4

Secondary 200 - #B87D3D

Primary 110 - #3A4138

Text styles

Lorem ipsum dolor

Arapey Italic 180px/100%

Lorem ipsum dolor

Arapey Italic 60px/100%

Lorem ipsum dolor

Arapey Regular 32px/100%

Lorem ipsum dolor

Arapey Regular 24px/121.50000333786011%

Lorem ipsum dolor

Josefin Sans Medium 24px/150%

Lorem ipsum dolor

Josefin Sans Medium 24px/150%

Lorem ipsum dolor

Josefin Sans Medium 18px/150%

Lorem ipsum dolor

Josefin Sans Light 24px/150%

Lorem ipsum dolor

Josefin Sans Regular 18px/150%

Lorem ipsum dolor

Josefin Sans SemiBold 18px/150%