Bōjka Studio 网站预览
Bōjka Studio 网站预览

Bōjka Studio

白色基底、圆角卡片与大字排版。

页面以白色为基底，搭配近黑色文字。字体采用 custom_15364 (Bōjka Display)、Roboto。视觉特点包括圆角卡片、大字排版、宽松留白、扁平表面。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 文字标志采用custom_15364 400、157px、1.0行高和-0.008em letter-spacing；这一精确组合就是品牌身份。
  • Fluorescent（#0af500）只留给满幅分区横带，绝不用于按钮、文字、边框或小型UI元素。
  • 所有卡片、图像框和标签式元素都采用68px border-radius，以维持圆润海报感。
  • UI层级通过#282828的1px边框分隔，绝不用阴影；系统刻意平面。
  • 正文采用-apple-system 16px和1.0行高；紧密节奏与压缩展示文字相匹配。
  • 分区标题由展示字体以44px或157px承载，绝不要用系统字体替代标题。
  • 行内元素间距使用16px列间距设计变量，卡片内部内边距32-48px。

建议避免

  • 任何元素都不要添加box-shadow；深度来自尺度，而非抬升。
  • Fluorescent绿色不要用于文字、图标或按钮填充；它只是分区背景色。
  • 不要将#ff4600称为CTA或主要操作色；没有操作背景或边框的依据，它纯粹用于标题和边框装饰。
  • 文字标志不要缩至44px以下；定制字体为海报尺寸设计。
  • 不要引入蓝、粉、黄等额外强调色相；调色板刻意只有黑、白、绿、橘。
  • 首屏分区不要使用多列网格系统；首屏文字刻意打破网格，形成编辑式效果。
  • 导航中或装饰上不要使用图标；设计依靠文字与留白，而非图标语言。

相似设计语言