精选 · 开放 · 免费

Anacuna

一个高对比度、字体主导的作品集，通过超大尺寸文本和药丸形导航展示插画作品。

01

设计气质 DNA

以巨大字体作为主要设计元素的极简杂志版式。

02

色彩

严格的单色调色板，仅使用黑白两色，徽标处使用单一粉色作为点缀。

03

字体

grotesque-sans

• display94px · 400
• body15px · 400

所有文本均为大写 · 主要展示文本采用统一的超大尺寸 · 展示文本使用紧凑行高，形成密集文本块

04

间距

基于严格的4像素网格，主视觉区域采用充裕的垂直内边距，文本块则采用紧凑的边距。

05

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

1像素实线黑色边框

06

布局

以水平线分隔的全宽区域，巨大文本作为主要结构元素。

07

动效与交互

悬停变换，持续时间0.3秒 · 页面过渡变换，持续时间0.7秒

交互元素上的微妙光标指针变化。 · 通过过渡提供即时视觉反馈。

08

组件

• button 带大写文本的药丸形描边按钮。
• card 由1像素水平线分隔的全宽行，包含巨大尺寸的项目标题。
• chip 小型药丸形标签（例如“Google Play”、“Adobe”），带1像素边框和圆角。
• hero 横跨视口宽度的巨大大写文本，有时附近会漂浮小型药丸标签。

09

文案语气与禁用清单

• 语气 极简、专业且自信。
• 标题风格 巨大尺寸、全大写、紧凑字距的 grotesque sans-serif 字体。
• 按钮文案 带大写文本的描边药丸按钮。

• 不要使用衬线字体——截图中仅显示全大写的 grotesque sans-serif 字体。
• 不要使用投影——截图中为平面设计，仅使用1像素边框。
• 不要使用渐变——截图中为纯黑白背景。
• 不要在主布局中使用小写文本——截图中所有文本均为大写。
• 不要使用包含多列的复杂布局——截图中为单列全宽行。
• 不要为标题使用小号文本——截图中项目标题横跨整个视口宽度。
• 避免: 装饰性字体
• 避免: 投影
• 避免: 渐变
• 避免: 复杂调色板
• 避免: 圆角（药丸形状除外）
• 避免: 斜体文本

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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