News
Niagara Graphics Standards: A Quick Reference
LIVE STYLE GUIDE
Niagara UI - Design Tokens v1.0
Every asset that leaves the Niagara UI studio follows a shared set of graphics standards so that products feel consistent no matter who designed them. This reference covers the basics our team and customers rely on most, click any swatch below to inspect it.
COLOR Palette
Primary Teal
Buttons, links, active states
#0D9488Buttons, links, active states
SPACING 8px base scale
8
16
24
32
40
48
TYPE Scale
Aa 40
Aa 32
Aa 24
Aa 20
Aa 16
Aa 14
Keep this page bookmarked as a quick check before you ship a new page or component.
LIVE STYLE GUIDE
Niagara UI - Design Tokens v1.0
Every asset that leaves the Niagara UI studio follows a shared set of graphics standards so that products feel consistent no matter who designed them. Click any swatch below to inspect it.