OpenDesign·你的设计资产库

网页参考

Anacuna

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

PortfolioTypographyBold TypographyEditorialClean
Anacuna 网站截图

01

设计气质 DNA

插画作品集字体驱动极简主义大胆编辑式

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

02

色彩

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

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

03

字体

grotesque-sans

  • display94px · 400
  • body15px · 400

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

04

间距

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

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

05

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

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

1像素实线黑色边框

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

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

07

动效与交互

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

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

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

08

组件

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

09

文案语气与禁用清单

  • 语气 极简、专业且自信。
  • 标题风格 巨大尺寸、全大写、紧凑字距的 grotesque sans-serif 字体。
  • 按钮文案 带大写文本的描边药丸按钮。
  • 不要使用衬线字体——截图中仅显示全大写的 grotesque sans-serif 字体。
  • 不要使用投影——截图中为平面设计,仅使用1像素边框。
  • 不要使用渐变——截图中为纯黑白背景。
  • 不要在主布局中使用小写文本——截图中所有文本均为大写。
  • 不要使用包含多列的复杂布局——截图中为单列全宽行。
  • 不要为标题使用小号文本——截图中项目标题横跨整个视口宽度。
  • 避免: 装饰性字体
  • 避免: 投影
  • 避免: 渐变
  • 避免: 复杂调色板
  • 避免: 圆角(药丸形状除外)
  • 避免: 斜体文本

10

包内真实截图

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

11

System Prompt

这是 Ana Cuna 的极简主义插画作品集,以严格的黑白单色调色板(黑色 #000000 在白色 #FFFFFF 上)和单一柔和粉色(#FFC8C8)徽标强调色为特征。设计完全依赖巨大尺寸的全大写 grotesque-sans-serif 字体来构建结构和层次。关键组件包括药丸形描边导航按钮和分隔全宽项目标题的水平线。避免使用任何衬线字体、投影、渐变或小写文本,因该网站整体保持高对比度、字体驱动的美学风格。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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