Tines
暖白色基底、衬线字形与紧密字距。
Hatch
近白色基底、大字排版与紧密字距。
页面以近白色为基底，搭配近黑色文字。字体采用 Recoleta、Lota Grotes Que Alt。视觉特点包括大字排版、紧密字距、宽松留白、衬线字形。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有标题和展示文字都只使用 Recoleta 700，绝不换成其他衬线，也不降低字重。
- 每个主要标题的一两个关键词后方，都放置薄荷色 #99ffcc 高亮刷痕，以强化品牌身份。
- 每个薄荷实心 CTA，都在按钮组右侧配深色轮廓按钮作为伙伴。
- 所有卡片设为白色 #ffffff，配 1px 的 #000000 实线边框与 16px 圆角，绝不用阴影制造纵深。
- 页面背景设为奶油色 #f5f4f0，而非纯白，让粉彩强调读起来柔和。
- 9999px 完整胶囊圆角只用于常驻导航 CTA 和小标签；页面内 CTA 使用 12px 圆角。
- 正文保持 Lota Grotes Que Alt 400、18px，并配宽裕的 1.5+ 行高，形成疏朗编辑阅读感。
- 首屏与区块标题周围放置 4-8 个混合粉彩的彩纸圆点，尺寸在 6-12px 间变化，颜色也有所不同。
建议避免
- 任何元素都不要使用 box-shadow 或投影。纵深只来自奶油与白色表面对比，以及 1px 边框。
- 薄荷色 #99ffcc 不要用于卡片或大面积表面背景填充。它只留给按钮和高亮刷痕。
- CTA 填充不要混用天空蓝、桃色和粉色。只有薄荷是按钮色，其他三种只用于装饰。
- 超过三行的正文段落不要居中，切换为左对齐，最大宽度为 600px。
- Recoleta 不要小于 24px。高对比衬线在小字号下难以阅读，此时应由 Lota 无衬线接手。
- 大型实心形状或背景不要使用纯 #000000，它在奶油底上过于强势；#000000 只用于描边、文字和细轮廓。
- 每个标题不要为超过两个关键词添加薄荷高亮刷痕，也不要用于正文。重复使用会削弱效果。
- 不要添加摄影、图库照片或逼真渲染。视觉系统只采用插画。
