Log inSign up
Colors

Font Family

Type Scale
9rem
7rem
5rem
4rem
3rem
2rem
1.5rem
1rem
0.75rem

Line Height
1
1.25
1.5

Spacing
0.25rem
0.5rem
1rem
2rem
4rem
8rem
16rem

Border Radius
rem
rem
rem
rem

Box Shadow
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
An example of an alert component
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge
Badge

Card Title

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Read More

Card Title

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Read More

Card Title

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Read More
Colors
#181a1c17.451.20
#2b2d2f13.821.52
#3f414310.252.05
#5456597.362.85
#6a6c6f5.273.99
#8183853.815.52
#999a9d2.817.46
#b1b3b42.109.98
#cbcbcd1.6212.96
#e5e5e61.2616.68
#00000021.001.00
#001a8913.921.51
#0032ab10.272.04
#004aca7.412.83
#2e62e45.273.98
#657ae93.815.51
#8a93ee2.807.49
#aaacf32.129.90
#c8c7f71.6212.97
#e4e3fb1.2616.68
#00000021.001.00
#38008613.891.51
#5e00a810.292.04
#810dc97.412.83
#9c32e35.283.98
#b257ed3.835.48
#c57bf22.807.49
#d59cf62.129.92
#e5bdf91.6212.98
#f2defc1.2616.63
#00000021.001.00
#5f002213.911.51
#83003d10.332.03
#a9005a7.412.83
#cd15775.293.97
#dd4c8d3.825.49
#e875a32.807.50
#f099b92.119.96
#f7bbd01.6212.97
#fcdde71.2616.64
#00000021.001.00
#61000013.921.51
#87000010.342.03
#af001b7.402.84
#cd29325.303.96
#dc56513.825.49
#e87a712.827.45
#f29c932.119.95
#fabdb61.6113.02
#fededa1.2616.68
#00000021.001.00
#61000013.921.51
#81140010.332.03
#9d2f007.392.84
#b947005.303.96
#d65f063.825.50
#ef7a2f2.807.50
#fa9b632.119.93
#ffbd971.6212.98
#ffdfcc1.2616.68
#003b3b12.441.69
#004e4d9.562.20
#00615f7.302.88
#0076735.473.84
#008b874.165.04
#00a19c3.196.58
#00b7b22.508.42
#00cec81.9710.66
#00e6df1.5713.38
#29fdf61.2716.48
#003b0012.921.63
#004f009.912.12
#0065007.342.86
#007b005.483.83
#1a91004.125.09
#3ca6003.166.65
#57bd002.428.68
#70d3001.9111.01
#89ea0a1.5213.84
#c7f78d1.2317.12
Type scale
Headline
Subheadline
Font Size 1
Font Size 2
Font Size 3
Font Size 4
Font Size 5
Font Size 6
Font Size 7
Font Family
'Century Gothic', sans-serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+=
athelas, serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+=
consolas, monospace
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+=
Line heights
Solid
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Title
Lorem ipsum dolor sit amet, consetetur sadipscing elitr
Copy
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Spacing
Shadows
Border Radius