OpenDesign·你的设计资产库

网页参考

Tobiasahlin

一个专注于排版和简洁布局的极简网站,以负空间作为主要设计元素。

EditorialCleanTypographyPortfolioMinimal

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

极简排版编辑简洁作品集

一个数字字体样本或极简主义艺术家的作品集网站。

02

色彩

#000000Ink
#FFFFFFBG
#666666Muted
rgba(0,0,0,0.1)Line

极致极简主义,以及黑色文字与白色空间之间的高对比度。

03

字体

grotesque-sans

  • display72px · 900

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

充足的白色空间,注重垂直间距以营造视觉呼吸感。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 0px

无可见边框或阴影,仅依靠形状和位置。

06

布局

1200container
12columns
24pxgutter
768 / 1024breakpoints

全出血的白色画布,配有极简的顶部导航栏,以及一个位于中央的大号排版元素。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

基于极简设计的平滑过渡,可能是细微的淡入淡出或滑动效果。

交互元素上细微的光标变化或极小的高亮效果。 · 标准的点击行为。

08

组件

  • button 极简,可能基于文本或简单几何形状(如果存在)。
  • card 此视图中无可见卡片。
  • chip 无可见标签。
  • input 无可见输入框。
  • hero 一片空旷、简洁的白色空间作为主视觉区,过渡到大号排版元素。

09

文案语气与禁用清单

  • 语气 自信、沉静,专注于工艺。
  • 标题风格 粗犷、大号字体排版,通常字间距较紧。
  • 按钮文案 极简,可能仅是文本链接或一个简单的几何形状。
  • 不要添加投影或内阴影——设计是完全扁平化的,依赖负空间。
  • 不要使用圆角——所有元素都是锐角的矩形。
  • 不要使用繁复的背景——背景是纯色的、纯白的。
  • 不要使用鲜艳或多色的强调色——调色板严格限定为单色系。
  • 不要使用装饰性的边框或分隔线——分隔仅通过间距和排版实现。
  • 不要使用复杂或具象的图标——唯一可见的图标是极简的、几何化的汉堡菜单。
  • 避免: 杂乱
  • 避免: 过度装饰
  • 避免: 繁复的布局
  • 避免: 鲜艳的调色板
  • 避免: 复杂的图标

11

System Prompt

这是一个专注于排版和简洁设计的极简作品集或编辑网站。主要颜色是用于背景的纯白(#FFFFFF)和用于文字的黑色(#000000),形成最大对比度。排版使用粗犷无衬线类别(grotesque-sans)字体用于大号展示文本。关键设计规则包括:避免任何投影、圆角或装饰元素;维持严格的单色系调色板,不使用强调色;并利用大量负空间来营造平静和专注感。布局简洁,配有极简的顶部导航,聚焦于内容的排版表现力。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。