设计系统
Zehna的设计系统文档与更新的视觉语言
调色板
品牌色
A
蓝绿色
#3CAC88
A
浅蓝绿色
#99D2B4
A
粉色
#ec4899
元素色
♈
火
♉
土
♊
风
♋
水
中性色
白色
#ffffff
灰色 50
#f8fafc
灰色 100
#f1f5f9
灰色 900
#1e293b
灰色 500
#64748b
排版
标题 1 - Plus Jakarta Sans
48px / 56px, 粗体
标题 2 - Plus Jakarta Sans
36px / 44px, 粗体
标题 3 - Plus Jakarta Sans
30px / 38px, 粗体
标题 4 - Plus Jakarta Sans
24px / 32px, 粗体
标题 5 - Plus Jakarta Sans
20px / 28px, 中等
标题 6 - Plus Jakarta Sans
16px / 24px, 中等
正文 - Plus Jakarta Sans。这是带有常规正文的段落。它展示了整个应用程序中使用的基字体大小和行高。
16px / 24px, 常规
小字 - Plus Jakarta Sans。这是用于标题、脚注和其他次要信息的较小文本。
14px / 20px, 常规
按钮
卡片
示例卡片
这是一个带有标题和内容部分的示例卡片组件。
渐变卡片
这是一张带有渐变背景的卡片。