Prisma Labs

白色基底、紧密字距与大幅图像展示。

页面以白色为基底，搭配近黑色文字。字体采用 Cofo Sans、Arial。视觉特点包括紧密字距、大幅图像展示、扁平表面、圆角卡片。适合参考的场景：AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

使用 #ffd600 作为唯一的色彩强调——用于调用按钮、活动状态及展示模型后方的团块形状
将所有展示标题设置为 Cofo Sans 72px 字重700，字间距-0.007em，行高1.0
所有按钮设置16px圆角；卡片设置10px圆角；页面画布本身不设圆角
在功能模块中交替使用文字左对齐/视觉右对齐与文字右对齐/视觉左对齐，以维持Z型阅读流
保持各区块间的垂直间距在84px至124px之间——间距是品牌的一部分
每个手机展示模型均需搭配一个有机色块，位于设备边缘外侧偏移20–40px处
仅将 #ff0062 用于通知点——绝不作为调用按钮或背景填充

建议避免

不要引入额外的色彩强调——系统为单色加一个黄色，任何其他色彩都会削弱信号
不要在展示标题中使用轻或中字重（300–500）——700字重是标志性的呈现
不要为按钮、卡片或导航栏添加阴影——表面保持平面，色彩本身完成表达
不要为按钮使用小圆角（4–6px）——16px是必须的，以实现柔软的胶囊感
不要在页面本身使用渐变、纹理或照片背景
不要在宽幅区域将展示标题居中对齐——左对齐保留编辑部阅读节奏
不要堆叠手机展示模型，或在没有团块背景的情况下使用——团块才是让产品显得被聚焦的关键

正在读取模板权限…

使用指南

# Prisma Labs — Style Reference
> Sunlit monochrome studio — a white gallery wall where one beam of yellow light hits
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Prisma Labs runs a ruthlessly restrained visual system: pure white canvas, near-black type, and one vivid yellow as the only chromatic signal. Display headlines carry enormous weight (700) at near-1.0 line-height with tight negative tracking, reading like editorial type rather than typical SaaS hero copy. Yellow appears as functional punctuation — filled CTAs, active in-app controls, and as organic blob shapes bleeding behind phone mockups — never as decoration. The layout is split and alternating: text one side, oversized product mockup the other, with generous vertical breathing room (80–120px) between bands. Surfaces are flat; elevation is achieved through color contrast and blob backings rather than shadows.

Prisma Labs

使用规范

建议采用

建议避免

相似设计语言

ElevenLabs

Flighty

Pixso

Lottielab

Gleap

Aaply