DICE

白色基底、胶囊形控件与产品图像展示。

页面以白色为基底，搭配近黑色文字。字体采用 Favorit、Foggy。视觉特点包括胶囊形控件、产品图像展示。适合参考的场景：音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

所有按钮统一设置40px边距圆角——胶囊形状是系统规范，而非建议
所有Favorit字体文本设置0.06em字间距，并始终启用ss02/ss03/ss05/ss06/ss08
首屏标题在Foggy字体中以106px/0.83行高堆叠，以填满垂直空间——绝不允许显示字体单行呈现
用全满幅黑色区块与白色区块交替，营造出杂志式的垂直节奏；每个区块内部至少保留80px垂直内边距
锁定配色为黑、白和三种灰度（#eeeeee、#d9d9d9、#333333）——UI界面中禁止任何色彩点缀
活动海报图片及卡片媒体圆角统一为8px——比按钮更柔和，与胶囊系统有明显区分
以24px作为基础区块内边距，8px用于元素间间距

建议避免

UI界面中绝不引入任何色彩——若需状态色，仅限于确认页面或插画艺术作品，绝不可用于按钮、边框或文本令牌
按钮绝不使用锐角或轻微圆角——必须为40px
Foggy字体绝不用于正文或小于80px的文本——它仅在显示层级有效
Favorit字体绝不使用500或600字重——系统仅使用350、400和700字重
卡片或按钮绝不添加阴影——设计采用平面表面和固有色对比，不使用立体感
Favorit字体除0.06em字间距外，绝不使用其他字间距——开放字间距是品牌标识，而非偶然
绝不使用装饰性渐变——系统严格保持平面化；唯一的色彩处理是实色填充和单一的绿色确认页面

正在读取模板权限…

使用指南

# DICE — Style Reference
> Monochrome gig flyer — black ink on white paper, headlines screaming, everything else dead quiet.
 
**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.
 
DICE runs on a strictly monochromatic, high-contrast visual system that reads like a concert poster forced into an app store. Pure black and white carry the entire interface; color exists only inside the artwork of event posters and one neon-green confirmation screen. A custom condensed display face (Foggy) shouts at 100px+ in the hero, while Favorit handles every UI surface with a slightly loosened 0.06em tracking that makes even body copy feel editorial. Buttons are 40px-radius pills, images sit in soft 8px-rounded frames, and sections alternate between white canvas and full-bleed black bands to create a zine-like rhythm. The overall attitude is punk, confident, and typographically loud — restraint everywhere except the headlines.

DICE

使用规范

建议采用

建议避免

相似设计语言

Qatchup

Composer

Eventbrite

Schema

SoundCloud

Deezer