Home
白色基底、衬线字形与胶囊形控件。
Swap
浅黄绿色基底、渐变展示与宽松留白。
页面以浅黄绿色为基底，搭配近黑色文字。字体采用 mainFont、Custom Editorial Serif (swap-serif)。视觉特点包括渐变展示、宽松留白、衬线字形、分屏构图。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有首屏与功能标题使用定制展示衬线字重 100；低声超细字重是标志，绝不用粗无衬线标题替代。
- 所有按钮与标签使用 200px 圆角，保持胶囊形语言。
- 所有主要行动按钮以鲜青柠 #a3fda7 填充配纯黑 #000000 文字，形成 17:1 对比度。
- 90deg 绿到柑橘色渐变只通过 background-clip 用于展示尺度衬线标题文字，字号 72px+。
- 区块间距设为 80–120px，保留内容块之间的编辑呼吸空间。
- 浅薄荷 #f2ffe3 是主要画布，白色 #ffffff 留给卡片表面和输入框，绝不颠倒层级。
- 展示衬线设为行高 0.95，字间距 -0.017em，保持紧密时尚编辑密度。
建议避免
- 展示标题绝不用粗体或半粗；超细衬线是品牌标志。
- 按钮绝不用尖角或小圆角，任何低于 100px 的值都会破坏胶囊语言。
- 绿到柑橘色渐变绝不用在正文、界面标签或任何低于 48px 的文字上。
- 页面背景绝不用深色或炭灰，整个系统建立在浅薄荷与白色上。
- 正文绝不用彩色；所有段落与界面文案保持黑色 #000000 或炭灰 #2d3637。
- 绝不添加重投影；唯一允许的阴影是卡片上 28px、黑色 9% 的柔模糊。
- 绝不同时使用多种彩色强调；青柠是唯一强调，鼠尾草灰和森林绿只出现在渐变或特定卡片语境。
