Becklyn

黑墙画廊,充满斜体诗篇——一个全黑墙面的空间,仅有一句衬线斜体文字发光,其余皆为静默。
Becklyn 以近乎单色的深色画廊形式呈现:一片黑曜石画布,仅用一道色彩光束作为品牌标识点缀。界面几乎完全无彩色——白色文字搭配近黑色背景,卡片使用略带提亮的灰黑色,细分隔线采用中灰,文本内容则为柔和的灰调——因此排版承载了全部表达张力。标题在首屏尺度下采用 Cambon 的斜体衬线字体,与 UniversalSans 的沉静中性几何结构形成对比,用于正文与界面组件。组件设计刻意纤薄:胶囊形控件、细线边框、无厚重阴影。仅在品牌标识中出现蓝到紫到猩红的渐变,不作为功能按钮或强调元素使用。整体氛围偏向编辑式与克制——更接近印刷画册而非SaaS仪表盘。
查看原始网站使用规范
建议采用
- 所有首屏/展示标题使用 Cambon 斜体,字号范围 68–92px——斜体衬线是品牌的表达语调,而非可选风格。
- 所有交互元素(按钮、导航、标签)设置 border-radius: 100px——胶囊形状不可妥协。
- 通过表面亮度实现层级感(#1a1a1a → #3b3b3b → #ffffff),绝不通过 box-shadow 实现。
- 在展示尺寸下保持字间距强烈负值:92px 时为 -5.4px,68px 时为 -2.9px,42px 时为 -1.8px
- 以 #1a1a1a 作为画布底色——绝不用 #000000,轻微的暖调是刻意设计
- 将色彩渐变仅保留用于品牌标识和品牌场景——绝不应用于按钮、图标或功能性UI
- 正文使用 UniversalSans 字号 20–22px,行高 1.20,以获得舒适的阅读节奏
建议避免
- 任何元素均不添加阴影、发光效果或基于模糊的层级处理
- 绝不将色彩渐变用作按钮填充、链接颜色或交互状态
- 不引入额外字重——系统在两个字体家族中始终维持 400 字重;层级感来自字号和字间距
- 不使用纯黑(#000000)或纯白在白色背景上——#1a1a1a 的暖调与 #ffffff 的清晰度是经过调优的值
- 按钮不使用纯白色填充——主要行动号召(CTA)采用描边/透明边框形式,而非实心填充
- 不通过色彩强调重点——重点来自尺寸、字间距以及 Cambon/UniversalSans 的对比
- 不添加装饰性图像、图案或背景纹理——画布应保持平面且连续