Merlin

近白色基底、手写字体点缀与渐变展示。
页面以近白色为基底,搭配近黑色文字。局部操作控件以绿色强调。字体采用 Inter。视觉特点包括手写字体点缀、渐变展示、细线分隔、居中构图。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有文字使用 Inter;除了手写批注所用的手写体,不再引入第二种字体家族。
- #34c759 仅用于主要 CTA 和手写批注,不使用其他绿色或彩色强调。
- 所有按钮和漂浮导航胶囊都使用 100px 圆角。
- 页面画布设为 #f5f5f4,卡片表面设为 #ffffff。不要颠倒这组层次。
- Dawn Wash 渐变只在页顶作为氛围光线使用,不用作区块分隔。
- 展示标题使用 60-70px 字号、-0.031em 至 -0.043em 的字间距,字重设为 400,而非 700。
- 产品模型使用 40px 60px 的深重阴影,并将其作为页面唯一显著的悬浮效果。
建议避免
- 不要添加其他彩色强调。蓝色 #3575f8 只用于行内链接,不用于按钮或图标。
- 不要使用粗重边框。所有分隔优先使用 1px 的 #eeeeee 或 #dddddd。
- 不要引入第二种无衬线字体。Inter 独自承担整套系统。
- 标准卡片不要使用 box-shadow。产品模型的阴影是页面唯一显著的悬浮效果。
- 不要用黑色填充按钮。唯一的实心按钮颜色是 Signal Green。
- 不要使用小于 12.5px 的锐利圆角。输入框最小圆角为 12.5px,卡片为 20px。
- 正文不要使用全大写。+0.036em 的全大写字间距只留给 9-10px 的标签。