Generative AI
白色基底、细线分隔与满幅色块。
Leonardo.ai
近黑色基底、胶囊形控件与网格布局。
页面以近黑色为基底，搭配白色文字。字体采用 leoSans、canvaSans。视觉特点包括胶囊形控件、网格布局、宽松留白、大字排版。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有按钮和激活标签均使用60px胶囊半径——这是系统的标志性曲线
- 将显示文本推至90px以上，搭配leoSans 800–900字重，行高压缩至0.80–0.90；让标题成为图形化对象
- 使用 #6e60ee（莱昂纳多紫）作为唯一品牌强调色，用于标识、激活状态及品牌表面——绝不可作为装饰性填充
- 将六色强调调色板（#03e65b、#ffc533、#ff3386、#ff5d4b、#d25fff、#33d0ff）专用于标签芯片、分类徽章和小型彩色标识
- 页面背景设为 #000000，卡片表面设为 #353535；这套 3 级中性色阶构成整个表面系统。
- 使用细线（1px #e5e5e5）而非阴影进行结构分隔；在黑色画布上，阴影会消失
- 正文使用canvaSans字号10–19px；34px及以上内容一律使用leoSans
建议避免
- 不要将白色填充的胶囊置于非黑色背景上——白黑对比是其有效性的关键
- 不要将强调调色板用于大面积填充、背景或首屏区域——这些颜色仅限于标签尺寸的元素使用
- 不要对任何leoSans文本使用行高大于1.0——压缩行高是赋予文字海报般密度的关键
- 不要在按钮上使用8.4px卡片圆角；卡片为锐角，按钮为胶囊形——禁止混用
- 不要引入超出六色调色板的新强调色——彩虹是其分类体系
- 不要在深色表面添加大于1px的投影阴影；它们会融入黑色并产生视觉噪音
- 不要将#6e60ee用于正文或大标题；紫罗兰是品牌标识，而非信息传达
