Tines
暖白色基底、衬线字形与紧密字距。
Ditto
暖白色基底、衬线字形与胶囊形控件。
页面以暖白色为基底，搭配深蓝色文字。局部操作控件以黄色强调。字体采用 Hedvig Letters Serif、Inter。视觉特点包括衬线字形、胶囊形控件、分屏构图、产品图像展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每个按钮、输入框、导航链接、标签和图标容器都使用1440px胶囊圆角；胶囊形是品牌标志性的几何语言。
- 黄色CTA #ffe228与深色胶囊#130e30搭配，形成按钮层级，绝不将两个黄色按钮并排放置。
- ≥22px的标题专用Hedvig Letters Serif，其下所有文字采用Inter；标题绝不用Inter，正文绝不用Hedvig。
- 正文颜色设为#130e30（而非纯黑），以保持温暖；#000000仅用于标志图形、输入框边框和高对比度细节。
- 表面层级构建为Canvas #f9fbf2 → Soft Meadow #eff2e5卡片；轻微的绿色调是刻意选择，必须保留。
- 有机装饰团块（绿色#59e25d、紫红色#e261e5、黄色#ffe228、紫罗兰色#130e30）仅作为首屏或产品视觉背后的背景氛围，绝不用于UI填充或图标颜色。
- 所有标题字间距收紧为-0.01em，小型大写标签为-0.02em，以营造温暖且带文学气质的标题感。
建议避免
- 按钮、输入框或导航项不要使用锐利圆角（<16px）；胶囊形必须严格遵守。
- 不要在UI中引入额外强调色；绿色、粉色和紫红色仅作装饰，不能出现在按钮、徽标或状态指示符中。
- 当Soft Meadow #eff2e5是指定卡片层时，卡片表面不要使用纯白#ffffff。
- 同一视口内不要放置两个主要黄色CTA，交替使用深色胶囊以建立层级。
- 展示标题不要使用Inter，UI标签不要使用Hedvig Letters Serif；字体职责边界必须严格遵守。
- 不要为卡片或按钮添加投影；表面区别来自带绿色调的#eff2e5层，而非高度效果。
- 主要正文不要使用导航的Slate #5f5c6，它只用于弱化文案和辅助文字。
