liblib.tv1
Colors
Spacing
xs
4px
sm
8px
md
16px
lg
24px
xl
32px
gutter
16px
margin
24px
Rounded
none0px
sm4px
md6px
lg8px
xl12px
full9999px
Shadows
sm
0 1px 2px 0 #0000000d
md
0px 2px 5px #00000026
lg
0px 4px 10px #00000040, 0px 2px 4px #0000004d
xl
0 8px 32px #00000026, 0 2px 8px #0000001a
Font
-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Noto Sans SC, Microsoft YaHei, sans-serif
Aa Bb Cc 0123
ABCDEFGHIJKLMNOPQRSTUVWXYZ · abcdefghijklmnopqrstuvwxyz
Heading
Headline DisplayInter, -apple-system, BlinkMacSystemFont, PingFang SC, Noto Sans SC, Microsoft YaHei, sans-serif · 2.125rem · 700
Display headline
Headline LGInter, -apple-system, BlinkMacSystemFont, PingFang SC, Noto Sans SC, Microsoft YaHei, sans-serif · 1.625rem · 700
The quick brown fox
Headline MDInter, -apple-system, BlinkMacSystemFont, PingFang SC, Noto Sans SC, Microsoft YaHei, sans-serif · 1.375rem · 700
Design systems at scale
Headline SMInter, -apple-system, BlinkMacSystemFont, PingFang SC, Noto Sans SC, Microsoft YaHei, sans-serif · 1.125rem · 700
Color, type, and spacing
Text
Body LG-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 1rem · 400
The quick brown fox jumps over the lazy dog. Lead paragraph copy for marketing pages.
Body MD-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 0.875rem · 400
The quick brown fox jumps over the lazy dog. Standard body copy throughout the application.
Body SM-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 0.8125rem · 400
Supporting text, captions, and metadata appear at this size.
Label LG-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 1rem · 600
Button label · Primary action
Label MD-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 0.875rem · 600
Form label · Required field
Label SM-apple-system, BlinkMacSystemFont, PingFang SC, Inter, Noto Sans SC, Microsoft YaHei, sans-serif · 0.6875rem · 500
Badge · Tag · Micro-copy