Headspace
近白色基底、紧密字距与分屏构图。
Preply
近白色基底、紧密字距与摄影展示。
页面以近白色为基底。字体采用 Platform、Figtree。视觉特点包括紧密字距、摄影展示、扁平表面、网格布局。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 从32px起的每个标题都使用Platform 700，标题字重绝不低于600。
- #ff7aac仅用于铺满画面的区块背景和品牌展示场景，绝不将单个组件涂成粉色。
- 填充操作按钮采用#121117、白色文字、4px圆角、14px 24px内边距，并在末尾添加→图标。
- 在粉色背景上叠加真实且略微旋转的照片与黑色文字贴纸，把拼贴活力留在首屏区域。
- 边框保持1px #dcdce5或1px #6a697c；目录网格由极细线定义，而非阴影。
- 所有正文采用Figtree 400和1.43–1.71行高，让舒适的疏朗感承担表达。
- 4px与8px是系统仅有的两种圆角，16px只用于偶发装饰表面。
建议避免
- 不要将#ff7aac用于按钮、链接或交互表面，它是画布而非控件。
- 不要引入投影或多层高度效果；系统平坦，以极细线为主。
- 功能组件（卡片、输入框、按钮）的圆角不要超过8px。
- 标题行高不要超过1.2，Platform在大尺度下应紧凑排列。
- 粉色不要搭配强烈渐变或滤镜，粉色始终为纯色，不做调制。
- 32px以上展示字号不要使用Figtree，让Platform承担所有如此大的文字。
- 不要用颜色挤满白色目录，导师卡片保持单色调，让粉色区块承担表达。
