NextStep

Style Guide

Colors

Primaries and Neutrals
Primary 1
Primary 2
Primary 3
Primary 4
Success
Warning
Error
Blue - Purple Gradient
Neutral 6
Neutral 5
Neutral 4
Neutral 3
Neutral 2
Neutral 1
Neutral 0

Typography

Headings, body and other common text elements.

Display 1

Display 2

Display 3

Display 4

Heading 1

H1 if needed as text

Heading 2

H2 if needed as text

Heading 3

H3 if needed as text

Heading 4

H4 if needed as text
Heading 5
H5 if needed as text
Heading 6
H6 if needed as text
Sub-Heading 1
Paragraph 1
Paragraph 2 (default "body" text)
Paragraph 3
Caption 1

Icons- Interface

Common interface iconography

Icons- Social

Common interface iconography

Icons- General

High fidelity icons or illustrations used throughout

Buttons

Component, text style and size variations

Selectables

Checkboxes, Radios, and Select dropdowns

Text inputs

Size and state variations for text inputs