Icons (10)
Instagram
TikTok
24×23
globe icon
Live support from experts
Video Tutorials
visa
paypal
discover
apple pay
Colors (25)
Other (20)
Typography (24)
ProximaNova (17)
AaThe quick brown fox jumps over the lazy dog
ProximaNova○6016px · w400!important
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10016px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova○6030px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova○6044px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10018px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10018px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10014px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10014px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10014px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova○6015px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova●●10016px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8524px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8516px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8512px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8536px · w700
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8513.8px · w400
AaThe quick brown fox jumps over the lazy dog
ProximaNova◑8024px · w400
Material Design Icons (4)
AaThe quick brown fox jumps over the lazy dog
Material Design Icons○601em · w400
AaThe quick brown fox jumps over the lazy dog
Material Design Icons●●10024px · w400
AaThe quick brown fox jumps over the lazy dog
Material Design Icons○6032px · w400
AaThe quick brown fox jumps over the lazy dog
Material Design Icons◑8514px · w400
slick (1)
AaThe quick brown fox jumps over the lazy dog
slick○6020px · w400
Open Sans (1)
AaThe quick brown fox jumps over the lazy dog
Open Sans○6016px · w400
ProximaNova-Extrabld (1)
AaThe quick brown fox jumps over the lazy dog
ProximaNova-Extrabld◑8564px · w700
Spacing (32)
-1px
-1px
-0.3px
-0.3px
Space calc .25rem 1px
calc(.25rem + 1px)
Space .125rem
.125rem
Space .125em
.125em
Space .2em
.2em
Space .25rem
.25rem
Space .25em
.25em
Space .3em
.3em
Space .35em
.35em
Space .4em
.4em
Space .5rem
.5rem
Border Radius (16)
Radius 10px10px
Radius 100%100%
Radius 4px4px
Radius 6px6px
Radius 50%50%
Radius 3px3px
Radius 5px 5px 0 05px 5px 0 0
Radius 4px 4px 0 04px 4px 0 0
Radius 1px1px
Radius var pf comp banner border radius var pf sys border radius lg 10pxvar(--pf-comp-banner-border-radius,var(--pf-sys-border-radius-lg,10px))
Radius var pf comp range slider border radius var pf sys border radius pill 100vmaxvar(--pf-comp-range-slider-border-radius,var(--pf-sys-border-radius-pill,100vmax))
Radius var pf comp input border radius var pf sys border radius 5pxvar(--pf-comp-input-border-radius,var(--pf-sys-border-radius,5px))
Radius .25em.25em
Radius 2em2em
Radius var pf comp checkbox border radius var pf sys border radius xxs 2pxvar(--pf-comp-checkbox-border-radius,var(--pf-sys-border-radius-xxs,2px))
Radius var pf comp toggle switch border radius var pf sys border radius pill 100vmaxvar(--pf-comp-toggle-switch-border-radius,var(--pf-sys-border-radius-pill,100vmax))
Shadows (12)
○60
Shadow 160
○60
Shadow 260
○60
Shadow 360
○60
Shadow 460
○60
Shadow 560
○60
Shadow 660
○60
Shadow 760
○60
Shadow 860
○60
Shadow 960
○60
Shadow 1060
○60
Shadow 1160
○60
Shadow 1260