Superr

白色基底、细线分隔与分屏构图。

页面以白色为基底，搭配深橙色文字。字体采用 gelica、Geist。视觉特点包括细线分隔、分屏构图、大幅摄影展示、胶囊形控件。适合参考的场景：摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

标题使用 gelica 600 字体，字号 104px，全小写，颜色为 Cocoa Ink（#2b1a07），行高 1.08
仅使用 Marker Orange（#ff6f1e）用于手写式说明文字、行内强调高亮以及页脚品牌条带
所有文字、边框、按钮线条及结构边框均使用 Charcoal（#171717）——它是唯一的‘墨色’
所有按钮和标签圆角统一为 20px，所有卡片为 12px，保留 56px 用于页脚非对称顶部边距
保持画布为 Cream Paper（#fdfbf9），辅以 Dew Drop（#f7efe9）作为微妙的次级表面色调，永不使用纯白色
以拍摄的真实产品物件（笔记本、铅笔、标签）作为主要视觉内容——它们是首屏区域的主角
随机旋转贴纸插图在 5-15° 之间分布，以维持手绘感

建议避免

不要在任何功能性的UI元素中使用Sky Sticker蓝色、Bubblegum粉红色或Sprout绿色——这些颜色仅用于装饰
禁止使用填充的CTA按钮——所有行动语言均为在奶油底上使用深色边框，永不使用实色填充
禁止标题大写或添加字间距——全小写加正常字间距是标志性风格
禁止在卡片上使用比 rgba(0,0,0,0.06) 更重的阴影，或在按钮上使用比 rgba(0,0,0,0.25) 更重的阴影——整体层次感为轻如耳语
禁止在第一行之后对标题进行居中对齐；全文堆叠需左对齐，以契合手写笔记本的节奏
禁止引入渐变、玻璃态、或霓虹色点缀——整体配色为哑光且温暖
禁止使用 Geist 作为标题——它仅作为辅助的无衬线字体，所有展示字号均由 gelica 主导

正在读取模板权限…

使用指南

# Superr — Style Reference
> Warm schoolyard notebook in soft afternoon light. A cream page, an orange marker uncapped, and a stack of sticker-laminated name labels waiting to be peeled.
 
**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.
 
Superr is a warm schoolyard aesthetic rendered in digital form: a cream-paper canvas, hand-marker orange as the only chromatic accent, and chunky lowercase display type that reads like a child's notebook scrawled at full volume. The product itself is photographed like a real object — leather-bound notebooks, colored pencils, sticker-laminated name labels — and these objects, not abstract UI illustrations, do the visual work. Playful illustrated stickers (lightning bolts, bears, hearts, ghosts) scatter across the layout as little bursts of personality, but they are decorative punctuation, not system icons. Every surface stays matte and soft: thin dark borders instead of fills, minimal shadows, generous breathing room, and rounded corners that stop at 20px before going full-pill. The result is a site that feels like opening a fresh parchi on the first day of school — unhurried, tactile, and slightly mischievous.

Superr

使用规范

建议采用

建议避免

相似设计语言

pampam.city

ElevenLabs

Home

Opennote

Super

Ditto