Lithic
白色基底、细线分隔与宽松留白。
Coda
暖白色基底、大字排版与居中构图。
页面以暖白色为基底，搭配近黑色文字。字体采用 Monument Grotesk (custom)、JetBrains Mono。视觉特点包括大字排版、居中构图。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 将展示标题设为Monument Grotesk 800字重，行高0.90——字体压缩是品牌的标志性特征，而非需要修正的排版错误。
- 所有新页面默认使用Cream Parchment（#f8f9eb）作为底色；每页仅保留一个Forest Depths（#003d21）区块，以实现刻意的视觉转变，而非与背景竞争。
- 将Charcoal（#202020）作为唯一填充按钮颜色——不存在彩色的行动号召（CTA）。强调色仅用于图标、卡片表面和装饰线条，绝不会用于行动背景。
- 所有元素均使用边框而非阴影：在奶油表面使用1.5px Obsidian（#000000）或Sage Mist（#c0c2a9）轮廓。立体感来自轮廓与填充，而非box-shadow。
- 使用柔和色系（Mint Sprout、Lilac Wash、Sky Wash、Rose Wash）作为完整卡片的背景——每张卡片使用一种颜色，无边框，内部无渐变。
- 按钮统一使用13px半径，卡片使用22px半径，仅将9999px保留给胶囊形徽章和标签。
- 将等宽字体（JetBrains Mono）严格限制在10–14px的标签、状态标识和小型大写字母标签中——绝不可用于正文段落。
建议避免
- 在展示尺寸下，不要使用舒适或松散的行高（1.3以上）——若展示字体呼吸，品牌宏大的视觉效果将崩溃。
- 不要引入彩色填充按钮（蓝色、绿色、紫色）——唯一的行动号召填充是Charcoal。为CTA添加色彩会削弱单色纪律。
- 不要使用#ffffff作为页面背景——Coda的温暖感依赖于Cream Parchment。纯白色会让设计显得像普通SaaS页面。
- 不要为卡片或按钮添加阴影或多层box-shadow——边框系统替代了立体感。此处出现阴影将破坏蓝图隐喻。
- 不要在单张卡片内混合柔和色或使用渐变过渡——每张柔和色卡片必须是单一固有色层。
- 不要用圆润字体（Inter、Nunito）或人本体衬线字体替代Monument Grotesk——几何无衬线字体的压缩是品牌核心特征。
- 不要为深色卡片添加彩色边框。深色区块内部使用Mint Sprout或柔和色填充，其轮廓保持单色或无边框。
