DEV Community

A

dev.to

5snapshotsFirst archived Apr 10, 2026Last updated Apr 11, 202621icons

Current design system

See all tokens

Colors (64)

+44

Typefaces (3)

Aa

"HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif

Aa

'HelveticaNeue-CondensedBold', 'HelveticaNeueBoldCondensed', 'HelveticaNeue-Bold-Condensed', 'Helvetica Neue Bold Condensed', 'HelveticaNeueBold', 'HelveticaNeue-Bold', 'Helvetica Neue Bold', 'HelveticaNeue', 'Helvetica Neue', 'TeXGyreHerosCnBold', 'Helvetica', 'Tahoma', 'Geneva', 'Arial Narrow', 'Arial', sans-serif

Aa

'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace

Spacing (32)

-10.5px
-8px
-4px
-3px
-2px
0px
0em
calc(0rem - var(--btn-wrap-gap)
calc(0.3vw + 1px)
calc(0.1em + 0.1vw)

Shadows (12)