OpenServ
白色基底、衬线字形与渐变展示。
a16z speedrun
近白色基底、大幅摄影展示与网格布局。
页面以近白色为基底，搭配近黑色文字。字体采用 messinaSans、messinaSansCondensed。视觉特点包括大幅摄影展示、网格布局、渐变展示、紧密字距。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 每个视图中仅在一个元素上使用完整多色渐变（薄荷绿→青色→蓝色→紫罗兰）：主要行动按钮或品牌标志文字。禁止将其分散应用于多个组件。
- 展示标题使用 messinaSans 900 字重，字间距为 -0.05em 或更紧。这种压缩感使文字呈现出建筑般的结构感，而非简单的大。
- 将字间距为 +0.06em 的 messinaSansCondensed 全大写标签放在标题正上方。这种先负后正的字间距形成系统标志性的排版节奏。
- 所有卡片和图片统一使用12px圆角，按钮统一使用8px圆角。此双圆角系统构成整体形状语言——禁止引入第三个数值。
- 保持界面90%以上的无彩色。让1%的色彩度承载全部品牌表达。灰底白字为默认，而非退而求其次的方案。
- 将区块间距设为40px，卡片内边距设为12px作为节奏基准。在渐变按钮上使用56px水平内边距，为大写文本提供呼吸空间。
- 渲染深色摄影首屏时采用去饱和或近单色处理，使渐变行动按钮成为视口内唯一的色彩强调。
建议避免
- 在内容区域的大面积填充中禁止使用 #000000 —— 仅限用于文字、导航页脚和 Obsidian 按钮。
- 禁止在卡片、按钮或弹窗上添加阴影。层级感必须来自明暗对比，而非模糊效果。
- 禁止引入除8px（按钮）和12px（卡片/图片）之外的额外圆角值。禁止使用胶囊形按钮、4px芯片、16px以上面板。
- 禁止将渐变用作背景填充、面板颜色或区块底色。它是一种信号，而非表面。
- 禁止在 messinaSans 字重低于600时使用。该系统依赖于重字重来建立存在感；轻或常规字重将导致编辑风格坍塌。
- 禁止混合色温——配色以冷调（灰、白）为主，仅保留一个暖驼色（#e2dfd8）作为渐变起点。禁止加入暖棕、橙色或饱和红色。
- 不要在messinaSans上使用正字间距——只有messinaSansCondensed获得+0.04em至+0.06em的字间距，用于大写标签。
