Becklyn

近黑色基底、胶囊形控件与细线分隔。
页面以近黑色为基底,搭配白色文字。字体采用 Cambon、UniversalSans。视觉特点包括胶囊形控件、细线分隔、衬线字形、分屏构图。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 所有首屏/展示标题使用 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 的对比
- 不添加装饰性图像、图案或背景纹理——画布应保持平面且连续