Decide AI

近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底,搭配白色文字。字体采用 PP Neue Montreal。视觉特点包括胶囊形控件、大字排版、紧密字距、细线分隔。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 首屏和区块开篇标题使用 110–220px 的 PP Neue Montreal,字间距为 -0.0360em。
- 页面背景设为 #030303,让白色产品卡片反转对比。这种对比本身就是系统。
- #73ffb9 留给步骤指示条、箭头字形和图标高亮,绝不作为整块按钮背景。
- 所有按钮和标签使用 9999px 圆角,所有卡片和内容表面则使用锐利的 0px。
- 区块之间留出 80–120px 垂直间隔,并以 1px 的 #e5e7eb 细线分隔。
- 正文保持 16–17px、字重 400 和 1.5–1.62 行高,以形成舒适阅读节奏。
- 重复滚动的跑马灯色带,以 200–400px 品牌文字标志呈现,作为主要区块分隔。
建议避免
- 不要添加 box-shadows 或投影。系统刻意保持平面,悬浮层次只来自色调对比。
- 绿色强调 #73ffb9 不要用于大面积表面。作为装饰使用时,它会失去信号作用。
- 不要使用实心彩色 CTA 按钮。主要操作采用带箭头文字链接,或幽灵胶囊按钮。
- 不要引入其他彩色。2% 的彩色预算是有意设定,添加更多颜色会稀释信号。
- 卡片或表面不要使用 1px 至 8px 之间的圆角。系统只有两种形态:0px 直角或 9999px 胶囊。
- 正文不要小于 14px。舒适密度与大号展示文字,意味着更小文字会破坏视觉层级。
- 正文段落不要居中。采用左对齐与 60–70ch 行宽,才能在超大标题下保持可读性。