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

Soft Yellow - #FFFEF1

Bright Yellow - #FFEA2F

Renters Orange - #FD6536

Dark Orange - #AE0712

Mid Orange - #FFE0B9

Managers Purple - #9A52F3

Dark Purple - #4A154E

Light Purple - #E8DCF3

Soft Purple - #F0EAF5

Bright Pink - #E651B2

Light Pink - #FFC8E9

Cobalt Blue - #0C5BB6

Light Blue - #C5FBFF

Bright Green - #159A3F

Light Green - #D2F287

Light Yellow - #FFF1A5

Soft Green - #EBFEBF

Text styles

Lorem ipsum dolor

Radial Bold 75px/110%

Lorem ipsum dolor

Radial Bold 60px/110%

Lorem ipsum dolor

Radial Bold 55px/110%

Lorem ipsum dolor

Radial Bold 48px/110%

Lorem ipsum dolor

Radial Bold 40px/110%

Lorem ipsum dolor

Radial Bold 34px/110%

Lorem ipsum dolor

Radial Semi Bold 30px/140%

Lorem ipsum dolor

Radial Semi Bold 26px/140%

Lorem ipsum dolor

Radial Semi Bold 24px/140%

Lorem ipsum dolor

Radial Semi Bold 20px/140%

Lorem ipsum dolor

Radial Semi Bold 16px/140%

Buttons

Let’s get started
Let’s get started
Like clicking this button
Let’s get started
Login
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Let’s get started
Contact
Name
Contact
Name
Contact
Name
Contact
Name
Let’s get started
Let’s get started
Let’s get started

Padding