精选 · 开放 · 免费

Yuga

以巨大排版为锚点的高对比野蛮主义数字形象。

01

设计气质 DNA

从纯粹黑暗中雕刻而出的数字整体实体。

02

色彩

基于严格黑白的绝对二元对比。

03

字体

grotesque-sans

• display102px · 800
• heading52px · 800
• body14px · 400

大尺寸展示文本使用极紧的字距 · 保持粗重字重以建立结构层次 · 正文保持小号紧凑以形成对比

04

间距

严格的4px网格与紧凑的垂直间距。

05

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

纤细的高对比边框用于结构分隔。

06

布局

开阔的暗色画布，配以巨大的排版锚点。

07

动效与交互

平滑的透明度淡出 · 变革性的结构变换

通过颜色或透明度变化实现视觉状态转换。 · 即时的结构反馈。

08

组件

• button 高对比的胶囊形状，圆角极大。
• card 简洁的暗色表面，内边距极小。
• chip 小号的胶囊形标签，用于分类。
• input 简洁的带边框字段，用于数据输入。
• hero 全屏黑色空间，配以巨大排版与中央标志。

09

文案语气与禁用清单

• 语气 果断、直接、毫不妥协。
• 标题风格 以巨大字号呈现简短有力的陈述。
• 按钮文案 简洁且以行动为导向。

• 切勿使用柔和灰色——截图显示应使用纯黑（#000000）与纯白（#FFFFFF）
• 切勿使用衬线字体——截图显示应使用粗重的无衬线体（AK Monument Grotesk）
• 切勿使用小号展示尺寸——截图显示应使用巨大的102px标题
• 切勿使用宽字距——截图显示应使用紧密的负字距（-4.8px）
• 切勿为卡片添加圆角——截图显示应使用直角边缘
• 切勿使用微妙渐变——截图显示应使用扁平的高对比色块
• 避免: 友好或随意的语言
• 避免: 多余装饰与花哨元素
• 避免: 犹豫或模糊的措辞

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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