Global Styles

This page previews Global Fonts and Colors for this Kit. Changes made in Site Settings will be displayed here.

Global Colors

SYSTEM

Primary

Secondary

Body text

accent

custom

BG Element

Blue Element

Blue Light BG

White Element

Transparent

<span data-metadata=""><span data-buffer="">Black Grey

<span data-metadata=""><span data-buffer="">Dark Grey

<span data-metadata=""><span data-buffer="">Medium Grey

<span data-metadata=""><span data-buffer="">Light Grey

mint

<span data-metadata=""><span data-buffer="">Fresh Green

<span data-metadata=""><span data-buffer="">Sky

<span data-metadata=""><span data-buffer="">Ocean

shades

<span data-metadata=""><span data-buffer="">green/100

<span data-metadata=""><span data-buffer="">green/200

<span data-metadata=""><span data-buffer="">green/300

<span data-metadata=""><span data-buffer="">green/400

<span data-metadata=""><span data-buffer="">green/500/default

<span data-metadata=""><span data-buffer="">green/600

<span data-metadata=""><span data-buffer="">green/700

<span data-metadata=""><span data-buffer="">green/800

<span data-metadata=""><span data-buffer="">blue/100

<span data-metadata=""><span data-buffer="">blue/200

<span data-metadata=""><span data-buffer="">blue/300

<span data-metadata=""><span data-buffer="">blue/400

<span data-metadata=""><span data-buffer="">blue/500

<span data-metadata=""><span data-buffer="">blue/600/default

<span data-metadata=""><span data-buffer="">blue/700

<span data-metadata=""><span data-buffer="">blue/800

Global Fonts

SYSTEM

Primary

Bommer Slab

Secondary

Bommer Slab

body text

ROBOTO
Looking to change global styles?
Click on top left menu in sidebar
and then select Site Settings.

Bold text

ROBOTO Bold

custom

404 title

404

Hero headline

Bommer Slab

Box Title

Roboto

Subtitle

Roboto

Special Title

ROBOTO

Body Text Italic Capitalize

ROBOTO

Accent Text Underline

Roboto

Buttons & Links

Buttons and links inherit their style from Global Fonts and Colors settings in Site Settings.

Email
Learn more
This is a link

This is a inline Hyperlink. Inline hyperlinks are used to linking within paragraph content.

This is a inline Hyperlink. Inline hyperlinks are used to linking within paragraph content.

This is a link