Limitless 网站预览
Limitless 网站预览

Limitless

近白色基底、文字主导与摄影展示。

页面以近白色为基底,搭配深蓝色文字。字体采用 Greycliff。视觉特点包括文字主导、摄影展示。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 30px 及以上任何文字使用 Greycliff 字重 300;轻字重是品牌声音,而不是回退选择。
  • 展示与标题字号保持 -0.025em 字间距,正文放松至 normal。
  • 页面表面色板保持单色;紫罗兰火花 #6d4aff 只出现在文字标志图标中,绝不用作按钮填充、边框或背景。
  • 所有卡片和图片容器使用 16px 圆角;所有按钮、标签与头像使用 9999px 完整胶囊圆角。
  • 单层阴影 rgba(30, 41, 59, 0.15) 0px 25px 50px -12px 只用于首屏媒体容器,不扩展到卡片或模态框。
  • 正文设为 #334155,导航与界面文字设为 #475569;#0f172a 留给标题与文字标志。
  • 内联元素间距用 8px 与 16px;区块间跳到 48px 或 64px;绝不用 24px 作为区块间距。

建议避免

  • 不要引入第二种字体,系统刻意只有一个家族。
  • 标题不要用字重 700;展示处理用 300,界面处理用 500–600。
  • 彩色不要作为按钮背景、链接颜色或徽章填充;界面刻意无彩色。
  • #f2f3f5 上的卡片不要添加边框,让石膏色上白色的对比承担分隔。
  • 展示标题不要居中,始终与内容列左对齐。
  • 任何表面不要使用 0–4px 的利落转角;系统呈圆润或胶囊形,绝不方正。
  • 不要叠加多层阴影或添加光晕;规则是一个阴影,只用一次。