ProtoPie
白色基底、胶囊形控件与渐变展示。
使用规范
建议采用
- 整个界面仅使用 Inter，不替换为第二个字体家族。
- 按钮、卡片、导航容器和标签等每个圆润元素的 border-radius 都为 8px，以统一几何语言。
- 紫色渐变（linear-gradient(129deg, #6100ff, #9d50ff)）仅用于每个画面的唯一主要 CTA，不重复使用。
- 900 字重只用于展示尺寸（83px）；其余全部由 400 和 700 覆盖。
- 所有尺寸都采用负 letter-spacing，从 14px 的 -0.17px 缩放至 83px 的 -3.24px。
- 纵向节奏以 6px 基础单元建立：卡片内边距 30px，分区间距 60px，行内元素之间 20px。
- 页面背景保持纯 #ffffff，体系没有带色画布变体。
建议避免
- 不引入第二种彩色强调；体系为单色加一种紫，加入红/绿/蓝/黄会破坏制图工具身份。
- 正文、标签或分区标题不使用 900 字重，它过于响亮，会压平层级。
- 不添加投影、发光或模糊；设计语言扁平，抬升来自背景色调，而非阴影。
- #6100ff 不用于装饰图标、标签、插画或非操作界面；紫色凭稀少出现获得位置。
- #313131 不用于页面或卡片背景，它只是导航层级的表面。
- letter-spacing 不设为 0 或正值；体系始终收紧，即便 14px 正文也如此。
- 紫色渐变背景上不放紫色文字；渐变已承载品牌，需要白字提供对比。
