Coda
白色基底、紧密字距与大字排版。
Equals
近白色基底、衬线字形与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 Serrif Condensed、Unica77。视觉特点包括衬线字形、细线分隔、分屏构图、网格布局。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 所有标题均使用 Serrif Condensed 400 字重（绝不使用粗体）——编辑权威来自尺寸（最大 110px）和字间距（-2.2px 在显示时），而非字重。
- 页面背景设为 #FAF9F5（温暖奶油色），绝不使用纯白色——温暖的色调是画布，使黑色文字显得具有排版感，而非数字感。
- 仅将 #FFCC00 用于公告栏，仅将 #B074CE 用于 CTA 按钮——它们的力量来自仅出现一次，绝不作为装饰色重复使用。
- 仅在 CTA 按钮上使用 60px 圆角；所有其他交互元素（输入框、下拉菜单、类别胶囊）使用 0px 或 6px 圆角——胶囊与锐利边角的对比是系统中的刻意张力。
- 使用 1px 实线 #000000 的水平分隔线分隔区块，而非增加垂直空白——这呼应电子表格网格线，是页面的主要结构节奏装置。
- 在所有尺寸下对 Unica77 应用负字间距：14px 时为 -0.084px，16px 时为 -0.08px——UI 文字绝不可使用默认字间距。
- 将类别/角色色块以扁平 24×12px 的实矩形呈现（无圆角，无边框）——原始的扁平色块是图标；绝不用图标或插图替代这些。
建议避免
- 绝不将 #B074CE 或 #FFCC00 作为内容区块或卡片的背景色——这两种颜色是单用途信号色，而非配色方案选项。
- 绝不给输入框或水平分隔线添加圆角——表单元素上的 0px 锐利边角是系统的 UI 语义；添加圆角会削弱与胶囊 CTA 的张力。
- 绝不使用 Serrif Condensed 除 400 字重以外的字重——即使强调也不应加粗或斜体。
- 绝不用摄影或插图替代漂浮的色块装饰——抽象的扁平矩形是核心视觉语言；任何具象表现都会破坏电子表格的隐喻。
- 绝不将 #646462（灰石正文色）用于标题或 CTA——它仅用于正文，维持严格的双层级对比系统：黑色用于结构，灰石色用于辅助文本。
- 绝不将多个洋紫罗兰色（#B074CE）按钮置于相近位置——每个页面视图应只有一个主导的 CTA 时刻，通常位于首屏的邮箱收集复合控件。
- 绝不给区块容器或卡片添加阴影或抬升效果——唯一允许的阴影出现在导航下拉面板上；区块应平铺于奶油色表面。
