Readymag
浅色基底、紧密字距与细线分隔。
Hashnode
近白色基底、分屏构图与网格布局。
页面以近白色为基底，搭配近黑色文字。字体采用 suisseIntl、Suisse Int'l。视觉特点包括分屏构图、网格布局、紧密字距、细线分隔。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 每个视口中，#1d52de严格只用于一个主要CTA；绝不要让两个蓝色填充按钮争夺注意力。
- 所有卡片和按钮圆角设为10px，首屏面板18px，信息流卡片14px；这三个数值就是全部圆角词汇。
- 每个Suisse Intl实例都应用字体特性“ss01”、“calt”、“kern”和“liga”；禁用ss01会明显改变字体个性。
- 采用1px的#d1d4d9细线边框分隔；边框能完成任务时，绝不要使用投影。
- 正文保持16px、1.5行高，标题为18/20/30px；不要在20与30这两级之间自行创造中间字号。
- Slate（#7b8187）限定用于元数据、时间戳和投票数，绝不要用于正文或标题。
- 图标颜色与邻近文字颜色一致，主要内容用Ink，次级内容用Slate；图标绝不采用独立颜色。
建议避免
- 不要引入第二种强调色；整个系统只有一种蓝色语气。
- 不要给卡片、按钮或面板添加投影；内嵌1px边框（oklab 0 0 0 / 0.1）是唯一允许的阴影。
- 表面不要使用白色（#ffffff）；Canvas为#f9fafb，赋予界面纸张般的暖意。
- 正文字号不要低于14px或高于18px；16px正文与14px次级文字是易读性的核心。
- 正文或副标题不要使用700字重；700只留给30px展示标题。
- 任何地方都不要使用Pill（9999px）圆角；系统采用圆角矩形，而非胶囊形。
- 卡片、按钮或首屏背景不要使用渐变填充；全系统颜色都保持平面。
