Basha-Franklin 网站预览
Basha-Franklin 网站预览

Basha-Franklin

暖白色基底、衬线字形与网格布局。

页面以暖白色为基底,搭配近黑色文字。字体采用 STKBureau-Sans、STKBureau-Serif。视觉特点包括衬线字形、网格布局、非对称构图、大幅摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 使用灰泥画布 #f4ede6 作为主要页面背景,仅在页眉或明亮的结构平面使用白色 #ffffff。
  • 区块眉题和紧凑链接采用12px大写STKBureau-Sans,行高15.6px,字间距+0.48px。
  • 将编辑导航和首段陈述设置为 29px STKBureau-Serif,34.2px 行高,-0.576px 字间距。
  • 按钮、输入框、卡片、链接和图片均保持 0px 圆角。
  • 使用 1px Ink #000000 网格线划分项目列,并在项目卡片内保持 0px 内边距。
  • 使用 9px 用于关闭标签与控件之间的关系,36px 用于导航组之间的分隔,以及 93px 用于主要页脚组之间的间距。
  • 使用接待海军蓝 #001060 与页脚奶油色 #eddbcc 组合作为页脚表面和控件配色。

建议避免

  • 不要添加圆角、胶囊形控件或卡片阴影;所有捕获的组件均使用 0px 圆角和无盒阴影。
  • 不要将项目摄影置于带有内部边距的白色卡片中;应使用原始矩形图片并保持 0px 卡片边距。
  • 导航、图注或标签不要使用粗体字重;两个字体家族均保持400字重。
  • 不要将 +0.48px 字间距的大写无衬线标签替换为句子大小的正文 UI。
  • 不要使用饱和填充的转化按钮;公共控件保持透明,文字与规则使用 Ink #000000 或 Footer Cream #eddbcc。
  • 不要引入渐变或多色界面装饰。
  • 不要将 Terracotta Wash #e5c0a4 用作通用按钮填充;仅保留用于大尺寸温暖特征表面或装饰性填充。