精选 · 开放 · 免费

6Am Glass

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

01

设计气质 DNA

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

02

色彩

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

03

字体

grotesque-sans

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

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

04

间距

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

05

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

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 直接、权威且沉默。
• 标题风格 巨大、极具张力且具有建筑感。
• 按钮文案 微妙且功能化，通常表现为小药丸或链接。

• 避免使用色彩点缀——截图显示严格的单色调色板
• 避免使用柔和或圆润的形状——截图显示尖锐的几何边缘
• 避免使用装饰性衬线字体——截图显示粗体、工业化的无衬线字体
• 避免居中对齐大段文本——截图显示激进的左对齐、右对齐与非对称对齐
• 避免使用宽松的页面内边距——截图显示紧凑、密集的文本块
• 避免使用投影或3D效果——截图显示扁平的二维表面
• 避免: 装饰性元素
• 避免: 色彩点缀
• 避免: 友好问候
• 避免: 复杂渐变

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko