Intra 网站预览
Intra 网站预览

Intra

白色基底、大字排版与网格布局。

页面以白色为基底，搭配深蓝色文字。字体采用 Whyte。视觉特点包括大字排版、网格布局、摄影展示。适合参考的场景：摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 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。
  • 链接不要悬停改色，下划线是操作线索，而非颜色变化。

相似设计语言