Haley Park 网站预览
Haley Park 网站预览

Haley Park

深青绿色基底、衬线字形与细线分隔。

页面以深青绿色为基底，搭配暖白色文字。字体采用 EditorialOld、Wispy。视觉特点包括衬线字形、细线分隔、网格布局、文字主导。适合参考的场景：设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 使用 Pine Vellum（#143930）作为唯一页面背景。禁止为卡片或区块引入任何更亮或更暗的表面色调。
  • 所有文本元素均设置为 EditorialOld（或 Old Standard TT 在正文尺寸下的）200字重。300字重及以上会破坏手稿的语感。
  • 将96px的Wispy保留用于每页单次展示——作为首屏名称牌。禁止将96px用于副标题或章节标题。
  • 每个区块分隔线均以Parchment（羊皮纸）材质在两端和中心断点处使用终端'+'十字交叉标记。
  • 所有次要元数据（如年份、分类标签、图注）使用Aged Tan（#bead89）呈现。仅羊皮纸用于主要内容。
  • 以Cedar Stroke（#456859）1px线条、无填充的方式构建装饰性线条艺术，作为满幅背景元素——绝不嵌入卡片或容器内。
  • 项目图块之间采用26px列间距和51px行间距；网格应感觉像印刷索引，而非普通卡片集合。

建议避免

  • 禁止使用填充按钮、阴影或卡片抬升效果。该系统没有‘抬升’感——深度仅来自线条与对比。
  • 除胶囊形/装饰形状外，禁止任何大于64px的圆角。卡片、输入框和链接的圆角保持在0–4.8px之间。
  • 禁止在配色中引入其他色彩。整个系统遵循单一的绿-奶油-棕轴；加入蓝色、红色或紫色将破坏手稿氛围。
  • 禁止正文字体大于22px。页面刻意保持安静；唯一可放大到大尺寸的元素是96px的展示文本。
  • 禁止在文本块后使用实底背景。文本直接位于画布上，必要时置于线条艺术之上——让建筑结构自然呈现。
  • 不要将分隔线末端的 ' + ' 十字标记换成箭头、圆点或其他标记。十字标记是支撑整体结构的视觉母题。
  • 禁止添加渐变、模糊或玻璃态效果。整个数据集中唯一的阴影是单个松木色调的 boxShadow 令牌；保持原样。

相似设计语言