Handsome Frank 网站预览
Handsome Frank 网站预览

Handsome Frank

带活壁画的策展工作室:暖纸画廊中,插画世界在靛蓝画框旁绽放。

Handsome Frank 是当代插画的策展工作室:满幅插画首屏场景过渡到暖纸色画布,艺术家作品以博物馆标签般克制呈现。系统由唯一主导深靛蓝 #160572 定义,锚定导航、标题与收尾页脚条,周围黑细边框如画廊框边。排版是双声音对话:紧密编辑衬线 Millik 处理首屏与展示标题,安静无衬线 Klarheit 处理一切结构。色彩作为策展标点,首屏插画承载完整光谱,其余页面无彩色,孤立的鲜红、蓝绿、橙、黄爆发作为链接、标签和项目卡片的聚光强调。

查看原始网站

使用规范

建议采用

  • 所有展示标题和编辑标题用 Millik 衬线,以负字间距与紧密行高 0.95-1.10 承载个性。
  • #160572 靛蓝留给导航描边、编辑标题与收尾页脚条带,它是缝合页面的线。
  • 所有填充操作按钮用完整胶囊形、30px 圆角,按语境从 #2544a0、#ff7701、#4b0f4d、#d98199 四种彩色按钮背景中选择。
  • 卡片、导航元素与插画容器周围应用 1-2px solid #000000 细线装饰框,形成画廊框母题。
  • 插画或摄影内容边到边填满容器,无边框或圆角,作品定义自身边界。
  • 编辑提示用 #ffff00 平面徽章或标签背景配黑字,像荧光笔标记。
  • 奶油画布 #f2ebe6 上正文保持 Klarheit Grotesk Regular,16px,行高 1.36,暖意柔化原本鲜明的黑白系统。

建议避免

  • 主要按钮不要用中性灰,系统没有灰色行动入口,按钮始终彩色胶囊形。
  • 项目卡片、插画缩略图或内容卡片不要圆角,只有胶囊按钮带 30px 曲线,其余都尖边。
  • 蓝绿、绿、红、黄、橙彩色强调不要用于正文或大文字块,只留给链接、图标、徽章与装饰描边。
  • 卡片或图片不要投影,设计用细边框与平面色块分隔,绝不浮起。
  • 正文字号不要低于 14px,小字号字间距不要松于 normal,系统依赖紧凑自信的文字。
  • 影像不要使用渐变背景或彩色覆盖,插画和照片以自身色彩原始、边到边呈现。
  • 正文段落或导航项不要居中,文字块左对齐,只有展示标题与页脚行动入口居中。