Style Guide

Single source of truth of the entire website style system.

Colors

Primary Color

Primary 01

#FF652E

Neutral Colors

Neutral 800

#0B3F4D

Neutral 700

#155263

Neutral 600

#6D8C94

Neutral 500

#B9CBD0

Neutral 400

#F3F6F7

Typography

Heading XX-Large

5 REM / 1.1

Heading X-Large

4 REM / 1.1

Heading Large

3.5 REM / 1.1

Heading Medium

2.5 REM / 1.1

Heading Small

2 REM / 1.1

Heading X-Small

1.5 REM / 1.1

Body Text Large

1.25 REM / 1.5

Body Text Medium

1 REM / 1.5

Body Text Small

0.875 REM / 1.5

All Caps Text Large

1 REM / 1.0 / 0.05 REM

All Caps Text MEDIUM

0.875 REM / 1.0 / 0.05 REM

1 REM / 1.0

Buttons

Sizes

Variations

© 2022 Nataspace. All rights reserved.