Icons
No icons detected on this page. Icons must be inline SVGs, sprite <use> references, or SVG <img> tags.
Colors (64)
Brand (12)
Surface (8)
Typography (16)
ABC Diatype Plus Variable (15)
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable14px · w500
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable60px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable16px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable68.92px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable28px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable48px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable10.4px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable13px · w500
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable28px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable31.78px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable17px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable18px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable42px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable24px · w400
AaThe quick brown fox jumps over the lazy dog
ABC Diatype Plus Variable20px · w400
inherit (1)
AaThe quick brown fox jumps over the lazy dog
inheritinherit · w400
Spacing (32)
Space 1px
1px
Space 2px
2px
Space 3px
3px
Space 4px
4px
Space 5px
5px
Space .325em
.325em
Space 6px
6px
Space 7px
7px
Space .4375rem
.4375rem
Space 8px
8px
Space .5rem
.5rem
Space 10px
10px
Border Radius (24)
Radius var border radius 8var(--border-radius-8)
Radius var border radius 4var(--border-radius-4)
Radius 40px40px
Radius 24px24px
Radius 100px100px
Radius 50%50%
Radius 20px20px
Radius 7px7px
Radius 6px6px
Radius 16px16px
Radius var border radius containervar(--border-radius-container)
Radius var border radius 6var(--border-radius-6)
Radius 8px8px
Radius 2px2px
Radius var border radius 12var(--border-radius-12)
Radius inheritinherit
Radius var index border top left radius var index border top right radius var index border bottom right radius var index border bottom left radiusvar(--index--border-top-left-radius) var(--index--border-top-right-radius) var(--index--border-bottom-right-radius) var(--index--border-bottom-left-radius)
Radius 0 var border radius 6 var border radius 6 00 var(--border-radius-6) var(--border-radius-6) 0
Radius var index border radius var index border radius 0 0var(--index--border-radius) var(--index--border-radius) 0 0
Radius 8px 8px 0 08px 8px 0 0
Radius var border radius 2var(--border-radius-2)
Radius 4px4px
Radius var border radius roundvar(--border-radius-round)
Radius var border radius defaultvar(--border-radius-default)
Shadows (24)
Shadow 1
Shadow 2
Shadow 3
Shadow 4
Shadow 5
Shadow 6
Shadow 7
Shadow 8
Shadow 9
Shadow 10
Shadow 11
Shadow 12
Shadow 13
Shadow 14
Shadow 15
Shadow 16
Shadow 17
Shadow 18
Shadow 19
Shadow 20
Shadow 21
Shadow 22
Shadow 23
Shadow 24