住本
Design System
v1.1
Tokens
Components
( Colors )
色板
Primary & Accent
#EA5134
Brand
--color-brand
CTA·品牌强调
#0E0F11
Dark
--color-dark
正文文字
#007EFB
Link
--color-link
链接·交互
#FF0000
Error
--color-error
错误·警告
Neutral & Background
#FFFFFF
White
--color-white
主背景
#F2F2F2
Gray 1
--color-gray1
区块背景
#DDDDDD
Gray 2
--color-gray2
分隔线
#AAAAAA
Gray 3
--color-gray3
弱化标签
#D2D2D2
Gray 4
--color-gray4
边框
Tags
#D3DAFF
Tag 1
--tag-tag1
信息标签（蓝色系）
#EDFFC6
Tag 2
--tag-tag2
信息标签（黄绿系）
#B2FFAF
Tag 3
--tag-tag3
信息标签（绿色系）
( Typography )
字体排印
住本设计 — Sumimoto UI
display · 29px · weight 500
住本设计 — Sumimoto UI
heading-l · 20px · weight 600
住本设计 — Sumimoto UI
heading-m · 18px · weight 500
住本设计 — Sumimoto UI
body-l · 16px · weight 500
住本设计 — Sumimoto UI
body-m · 14px · weight 400
住本设计 — Sumimoto UI
body-s · 12px · weight 400
住本设计 — Sumimoto UI
caption · 9px · weight 400
( Radius )
圆角
xs
4px
sm
6px
login-btn
7px
card-inner
8px
card
12px
avatar
20px
detail-top
30px
page-dot
50px
nav
60px
pill
100px
( Spacing )
间距
xs
2px
sm
4px
md
6px
icon-gap
7px
tag-px
8px
tag-gap
10px
label-gap
12px
body-size
14px
nav-py
15px
page-x
16px