Attio
白色基底、紧密字距与细线分隔。
Milanote
白色基底、大字排版与摄影展示。
页面以白色为基底。字体采用 Tiempos、Inter。视觉特点包括大字排版、摄影展示、居中构图、产品图像展示。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 全宽首屏、展示区、导航和页脚条带使用 #303b4b；在这些条带上使用 #ffffff 的 Tiempos 字体。
- 仅用于填充的注册按钮使用 #f4511c，圆角为 6px，内边距为 10px 16px。
- 首屏展示使用 Tiempos 64px/600，章节标题使用 Tiempos 40px/700。
- 在白色区域中，使用 #5d6673 的 Inter 24px/400 字体，行高 30px 用于说明性文字。
- 主要页面区块之间间距为 155px，局部控制间距默认为 10px。
- 将产品看板框渲染为 #ffffff 背景的卡片，圆角 10.26px，使用 16px/56px 的黑色阴影。
- 使用 #ebedee 作为看板画布或低对比度分隔表面，而非作为文字颜色。
建议避免
- 不要将 #f4511c 用作整个页面背景、横幅颜色或状态颜色。
- 不要用 Inter 替代 Tiempos 标题，或在 64px 首屏展示中使用无衬线字体。
- 不要将公开按钮、输入框或看板卡片圆角化为胶囊形；分别使用 6px、4px 和 10.26px 圆角。
- 不要将 #5d6673 的正文直接置于 #303b4b 上；标题使用 #ffffff，辅助内容使用 #a2a7af。
- 不要移除浮动产品看板卡片的分层阴影，也不要替换为通用的浅色阴影。
- 不要将主要内容区块压缩到低于 155px 的区块间距。
- 不要使用渐变或霓虹强调色；配色方案保持为深灰、纸张色、灰和 Studio Orange。
