Madebyon

黑色画廊中带有青绿色亮点。黑暗的虚空中,一个霓虹绿的箭头刺破寂静,所有内容由温暖的米白字体承载,以超大尺寸的编辑风格标题呼吸而出。
Madebyon 作为一款暗色画布的数字工作室视觉身份:近黑色的虚空背景(#000000)将所有元素向前推,温暖的米白(#faf9f4)承担了主要的排版任务。唯一的色彩元素——电光青绿色(#dcff4f)——被严格限制用于单个填充的行动号召按钮(CTA),在黑暗背景下形成聚光灯般的视觉效果。字体系统采用一款定制的几何无衬线字体(Favorit),分为两种风格:在 40-56px 范围内采用宽字间距的扩展版用于新闻类标题,其余内容则使用常规版,尺寸为 11-24px。整体布局宽敞且以板块划分,各板块之间通过显著的垂直留白(64-96px)分隔,并被置于居中的最大宽度网格内。组件设计为扁平或极轻微抬升——边框承担结构功能,无阴影。整体节奏如同画廊:留白、紧凑的排版,以及一个绿色亮点。
查看原始网站使用规范
建议采用
- 在每个可见视口使用 #dcff4f 仅用于一个填充的 CTA——其力量源于稀缺性
- 将显示标题设置为 40-56px 字号,字间距为 -0.0200em,使用扩展版 Favorit 字体
- 所有主要文本和边框使用 #faf9f4——绝不使用纯白色,温暖的米白是品牌身份的一部分
- 保持 80px 的区块间距,以维持各区块间的画廊漫步节奏
- 为主要的行动按钮应用999px的圆角,为透明描边按钮应用50px的圆角——胶囊形状主导了按钮的设计语言
- 在所有 Favorit 字体文本上启用 'ss04' 字体功能设置——该风格集是品牌语气的一部分
- 保持卡片圆角为 8px——小巧而精确的角落,感觉有意识,而非柔和
建议避免
- 不要将 #dcff4f 用于正文文本、完整区块的背景或装饰填充——它仅作为功能性点缀
- 不要添加阴影或抬升效果——深度来自色彩层次和细线边框
- 不要使用多个强调色——该系统为单色,仅有一个青绿色亮点
- 不要将正文段落或长文本段落居中对齐——应左对齐,每行字符数为 60-70
- 不要使用纯白色(#ffffff)作为文本或边框——#faf9f4 更温暖且更具辨识度
- 不要使用粗体字重(600及以上)——该系统依赖 400 字重并配合扩展字形以增强存在感
- 不要使用渐变——该系统为扁平设计;任何渐变都会破坏编辑风格的扁平性