OpenDesign·你的设计资产库

网页参考

6Am Glass

一个高对比度、以排版为驱动的设计系统,具有极具张力的尺度与激进的间距。

Bold TypographyEditorialPremiumGeometricClean
6Am Glass 网站截图

01

设计气质 DNA

高对比度排版驱动建筑感极简主义

一个将文字作为雕塑的粗野主义画廊展览。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line

严格单色调,追求最大对比度。

03

字体

grotesque-sans

  • display72px · 400
  • body15px · 400
  • caption14px · 400

所有排版均为大写,以强化视觉冲击。 · 采用紧凑的负字间距来压缩大段文本。 · 激进的行高创造出密集、建筑感的文本块。

04

间距

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

不规则且非对称,偏爱巨大、戏剧性的留白。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

实心黑色1px线条,严格用于按钮等功能性元素。

rgba(0, 0, 0, 0.15) 0px 0px 0px 1px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

密集的非对称网格,文本块锚定于对角。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing

微妙的淡入淡出 · 即时的过渡

文本链接上的光标保持指针形状;无可见样式变化。 · 直接且即时。

08

组件

  • button 极简的轮廓矩形,搭配紧凑的大写标签。
  • card 当前截图中未显示。
  • chip 当前截图中未显示。
  • input 当前截图中未显示。
  • hero 一个巨大的排版宣言,运用非对齐方式与极端尺度。

09

文案语气与禁用清单

  • 语气 直接、权威且沉默。
  • 标题风格 巨大、极具张力且具有建筑感。
  • 按钮文案 微妙且功能化,通常表现为小药丸或链接。
  • 避免使用色彩点缀——截图显示严格的单色调色板
  • 避免使用柔和或圆润的形状——截图显示尖锐的几何边缘
  • 避免使用装饰性衬线字体——截图显示粗体、工业化的无衬线字体
  • 避免居中对齐大段文本——截图显示激进的左对齐、右对齐与非对称对齐
  • 避免使用宽松的页面内边距——截图显示紧凑、密集的文本块
  • 避免使用投影或3D效果——截图显示扁平的二维表面
  • 避免: 装饰性元素
  • 避免: 色彩点缀
  • 避免: 友好问候
  • 避免: 复杂渐变

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是一个高对比度、粗野主义的设计系统,以极端排版尺度和严格单色调色板为特征。它采用工业无衬线字体(Univers, Founders Grotesk),配合激进的负字间距和密集的行高,创造出具有建筑感的文本块。布局非对称且鲜明,使用纯白(#FFFFFF)背景与深黑(#000000)墨色,无任何色彩点缀。核心特征包括巨大的大写展示文本与极简的功能化UI元素。关键约束:绝对不使用色彩点缀,不使用柔和或圆润的几何形状,不使用装饰性衬线字体,不使用居中的大段文本,不使用宽松的文本行间距,不使用投影或3D效果。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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