Log in
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
#191a1a17.441.20
#2c2c2d13.951.51
#40404210.342.03
#5456577.382.85
#6a6c6e5.273.98
#8183853.815.52
#989a9d2.827.44
#b1b3b52.109.98
#cbcbcd1.6212.96
#e4e5e61.2616.65
#131a2517.471.20
#1a2e4413.831.52
#1f426610.352.03
#20588a7.442.82
#1e6fb05.313.96
#1387d83.835.48
#599ee62.827.46
#8bb5ed2.119.93
#b4cdf31.6212.97
#dae6f91.2616.67
#25132917.441.20
#441b4d13.911.51
#65227410.322.03
#88289e7.382.84
#ad2cca5.263.99
#c848e43.825.50
#d672ea2.827.45
#e297f02.129.92
#edbaf51.6212.94
#f7ddfa1.2616.68
#26132817.411.21
#451b4c13.871.51
#67217310.282.04
#8a269c7.402.84
#b028c75.283.97
#cc44e33.825.50
#d970e92.827.44
#e596ef2.119.94
#efbaf51.6113.01
#f8dcfa1.2616.61
#28141617.471.20
#4a1f2413.881.51
#6e2a3310.282.04
#9434437.422.83
#bd3e545.283.98
#da55693.835.48
#e67a852.807.49
#f09ca22.109.98
#f7bdc01.6213.00
#fcdedf1.2616.65
#1e190c17.511.20
#352b1413.931.51
#4d3f1810.302.04
#66541d7.372.85
#8069205.303.96
#9c80233.805.53
#b897262.807.49
#d5af282.109.99
#f1c73b1.6212.97
#ffe2a11.2616.65
#1b2b2c14.701.43
#243e3f11.441.84
#2d52548.582.45
#3567696.373.30
#3e7c7f4.784.39
#4792963.615.82
#50a9ae2.757.63
#59c1c62.139.87
#61d9de1.6812.49
#a5eaed1.3515.59
#212d1414.481.45
#2d411911.161.88
#3a571d8.202.56
#476d216.043.48
#5484254.464.70
#629c293.336.31
#70b42c2.548.25
#7ecd2f1.9710.66
#8ce7321.5513.59
#c8f5961.2416.96
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
'avenir next',avenir, sans-serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+=
'Big caslon', sans-serif
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+=
"SFMono-Regular", 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