Altason 网站预览
Altason 网站预览

Altason

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

页面以白色为基底，搭配近黑色文字。字体采用 Haas Grotesk DS Pro、Haas Grotesk TX Pro。视觉特点包括网格布局、大字排版、宽松留白、单栏阅读排版。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有展示标题使用 Haas Grotesk DS Pro，500 字重、48–288px，行高为 0.77–0.80。
  • 所有 border-radius 设为 0px；边角始终保持尖锐。
  • 用 1px solid #000000 边框框住每张图片并分隔每一列。
  • 主要分区切换使用 112–288px padding-bottom，形成有建筑感的呼吸空间。
  • 强调使用 500 字重，而非 700；大尺寸下中等字重已能提供足够的权威感。
  • 正文使用 Haas Grotesk TX Pro，400 字重、18px，行高为 1.30。
  • 唯一的深色表面使用 #212121；#000000 留给文字和边框，不用于大面积填充。

建议避免

  • 不要引入彩色；色板严格限于黑、白、灰。
  • 不要添加 box-shadow、drop-shadow 或任何抬升效果；页面保持平面。
  • 任何元素都不要使用大于 0px 的 border-radius。
  • 标题不要使用 700+ 字重；中等字重（500）是体系中最重的字重。
  • 展示字体的行高不要超过 0.85；紧凑行高让超大文字具有结构感。
  • 链接不要使用彩色悬停或激活状态；导航完全依靠文字并保持静态。
  • 不要让列内文字居中；所有文字都在所属列中左对齐。

相似设计语言