🎨 色彩系统
品牌色 Brand（龙虾橙 #ff6700）
1
2
3
4
5 ★
6
7
8
9
10
功能色
✓ 成功
⚠ 警告
✕ 错误
ℹ 信息
📝 字体系统
Display Large 64px
Display Medium 48px
Headline Large 36px
Headline Medium 28px
Headline Small 24px
Title XL 20px
Title Large 18px
Title Medium 16px
Body Medium 14px — 正文标准，这是默认正文样式
Body Small 12px — 注释/辅助说明文字
Code: console.log('Hello') 14px
🔘 按钮
小号主按钮
标准主按钮
大号主按钮
描边按钮
幽灵按钮
危险按钮
禁用状态
🏷️ 标签
品牌标签
成功
警告
错误
信息
中性
📋 表格
组件名
来源
Token
状态
Button
shadcn/ui 结构
--ld-btn-*
可用
Input
TDesign Token
--ld-input-*
可用
Table
ArcoDesign 风格
--ld-table-*
可用
Modal
ArcoDesign 交互
--ld-modal-*
可用
Toast
TDesign 通知
--ld-toast-*
可用
🔲 圆角 & 阴影
3px
6px
9px
12px
胶囊
圆形
Shadow SM
Shadow MD
Shadow LG
Shadow XL
📊 间距系统（8px基准网格）
4px
8px
12px
16px
24px
32px
40px
48px
🦞 龙虾老师
自有视觉风格库 v1.0 — 四库融合 · 一键换肤
TDesign 色彩Token + shadcn/ui 语义结构 + ArcoDesign 交互 + Vant4 移动端