Intra 网站预览
Intra 网站预览

Intra

白墙画廊牌签,带一个巨大黑眼。

Intra 是强烈编辑式咖啡馆身份:白画布由超大黑眼标记和像画廊墙文的巨大无衬线文字标志主导。色彩几乎完全压制,只有黑、近黑、白和唯一细线灰,让咖啡袋鲜亮包装,洋红、青柠、陶土,像策展艺术物件在单色页面上爆发。文字就是界面,95px Whyte 字重 400 承担常规网站中按钮和色彩的作用,每区块通过上下 100px 内边距和宽 50px 沟槽呼吸。美学借自瑞士编辑印刷、粗野标识、博物馆标签,内容是一系列事实、图片与物件,而非包在产品界面中。

查看原始网站

使用规范

建议采用

  • 95px Whyte 字重 400 是唯一展示字号,不分粗与常规变体,让字号承担层级。
  • 全页只用四种颜色:#ffffff 画布、#212529 墨色、#000000 用于最重场景、#e4e4e4 细线。
  • 每个组件圆角 0px,包括卡片、按钮、图片、标签,尖角就是品牌。
  • 区块上下内边距各 100px,水平沟槽 50px,呼吸空间本身就是布局。
  • 产品摄影供应颜色,需要彩色元素时用真实产品图片,而不是引入新品牌色。
  • 使用 1px 轮廓按钮,水平内边距 6px、垂直 1px,条形应像排版下划线,而不是常规行动按钮。
  • 正文行高保持 1.50,展示行高 1.00,巨大标题绝不显疏松。

建议避免

  • 按钮、链接、徽章或图标不要引入彩色强调,系统没有品牌色,包装提供唯一饱和度。
  • 不要用投影、渐变或模糊,表面平面,仅以细边框定义。
  • 任何地方都不要圆角,即使标签或头像也一样,一切是利落矩形。
  • Whyte 不要用粗字重 600+ 或轻字重 300,400 是唯一声音,所有层级来自排版尺度。
  • 界面不要添加图标、表情或装饰字形,眼标记与文字标志是唯二标记。
  • 巨大文字标志不要分多行或连字符断词,“CAFE”、“HOURS”、“INTRA”各占一行,95px。
  • 链接不要悬停改色,下划线是操作线索,而非颜色变化。