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 的利落转角;系统呈圆润或胶囊形,绝不方正。
- 不要叠加多层阴影或添加光晕;规则是一个阴影,只用一次。