ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Touchy Coffee
明暗对比、等宽文字标注与胶囊形控件。
页面兼有浅色与深色区域。字体采用 Apercu Mono、Touchy Script (custom)。视觉特点包括等宽文字标注、胶囊形控件、圆角卡片、满幅色块。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有交互元素，包括按钮、输入框、标签和产地标签，都采用100px border-radius；极端胶囊是标志性形状。
- 所有卡片和产品图像都采用20px border-radius；柔和方形让容器与控件具有不同身份。
- 全部UI文字都使用Apercu Mono，或Space Mono / IBM Plex Mono替代字体；等宽是品牌排版标志，而非后备选择。
- 采用Terracotta、Sage和Sky等实色满幅分区横带，而非白色上叠卡片模式；网站像涂墙，而非涂卡片。
- #000000留给文字、边框和反转胶囊按钮；黑色是让涂色背景可读的墨迹。
- 定制手写文字标志只用于品牌名称“touchy coffee”，绝不要将标题设为手写；标题保持等宽。
- 颜色通过背景横带和卡片填充应用，而非强调圆点或小标签；这里的颜色具有建筑作用，而非装饰作用。
建议避免
- 任何交互元素都不要采用0-4px锐利圆角；胶囊形是强制要求。
- UI文字不要引入无衬线比例字体；等宽限制使品牌像手工，而非商业电商。
- 卡片不要采用投影或抬升；设计依赖颜色对比与边框分量，而非深度。
- 正文内容不要放在白色页面背景上；分区始终位于Sage、Terracotta、Sky或Sunshine涂色横带上。
- Terracotta或Lavender不要作为小型UI强调；它们是分区尺度颜色，用于满幅表面。
- 正文不要居中；设计采用像盖印标签的左对齐等宽文字块。
- 图标不要采用轮廓或线描风格；箭头、星和叶子等图标是平面实心形状，视觉分量与粗边框相匹配。
