Cassette

近黑色基底、胶囊形控件与大字排版。

页面以近黑色为基底，搭配近白色文字。字体采用 Apercu Pro、Apercu Mono Pro。视觉特点包括胶囊形控件、大字排版、错落拼贴、大幅图像展示。适合参考的场景：设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

使用 #f0e226 亮黄色用于所有交互元素和品牌标识——它是唯一的色彩，必须承载全部功能性能量
所有按钮、徽章和标签的圆角均设为 900px，以形成完整的胶囊形轮廓
UI 辅助元素（导航、徽章、按钮、标签）使用 Apercu Mono Pro，展示文本和正文使用 Apercu Pro
在大范围亮黄色填充上叠加颗粒/噪点纹理，以维持类似孔版印刷打印的模拟感
保持背景为纯色——使用 #19181a 作为画布，绝不添加渐变、阴影或背景图片到 UI 表面
使用 1px 实线边框，颜色为 #f0e226 或 #272727，用于构建结构和网格单元，而非仅依赖间距
章节标题设为 37px，正文设为 15px——2.5 倍的字号差异在无需字重变化的情况下建立层级关系

建议避免

绝不引入第二个色彩——系统为单色加黄色，绝对禁止
绝不使用交互元素小于 900px 的圆角——部分圆角会破坏胶囊形语言
绝不使用阴影、光晕或模糊效果——系统为扁平化、打印式风格
绝不使用除 400 外的字重——层级关系来自字号，而非字重
绝不将 #f0e226 文字置于浅色背景上，除非经过充分对比测试——该设计专为深色表面服务
绝不使用多色渐变，即使是细微的渐变——色彩调色板严格保持为单色
绝不添加超出 #f0e226 和 #f5f4f0 的装饰性图标颜色——图标应保持单色，以匹配系统的克制风格

正在读取模板权限…

使用指南

# Cassette — Style Reference
> Neon cassette on black velvet. A single hi-vis yellow burns against a warm-black void, the way a tape label glows under a single bulb in a dark room.
 
**Theme:** dark
 
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.
 
Cassette is a music curation agency site that reads like a single-color risograph print: near-black canvas, one electric yellow doing all the work, and a mono/sans typography pair that feels like liner notes and stage signage. The visual system is deliberately austere — no gradients, no shadows, no decorative secondary hues — so the yellow wordmark, pill buttons, and equalizer bars hit with amplifier-level intensity against the dark ground. Layout is editorial and collage-driven: oversized type, asymmetric image stacks, and bordered logo grids. Components are flat, fully rounded (900px pills), and bordered rather than elevated, with a pervasive grain/noise texture that gives even flat color a tactile, photocopied quality.

Cassette

使用规范

建议采用

建议避免

相似设计语言

ElevenLabs

Navigate

Danilo Rodrigues

TWOTWO

Raw Materials

Cycle