01
设计气质 DNA
平面设计艺术指导视觉识别工作室
一个大胆、多彩的作品集画廊，采用超大、重叠的排版。
02
色彩
#000000Ink#4F4F4FInk soft#FFFFFFBG#4C4C4CMutedrgba(0, 0, 0, 0)Line高饱和度、鲜明的调色板，应用于大型几何色块和重叠的排版中。
03
字体
- display
400px · 600 - body
14px · 400
所有文本元素使用 PP Pangram Sans Rounded 字体。 · 展示性标志使用极端的缩放和重叠填充。 · 正文文本较小、圆润，并在彩色色块上具有高度可读性。
04
间距
4px8px16px24px32px48px64px96px圆角色块内留有充足的 padding；重叠元素之间间距紧凑。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 20px
lg · 25px
pill · 999px
无；形状由纯色块和重叠的排版定义。
rgba(84, 84, 84, 0.23) 0px 0px 20px 0px
06
布局
1920container
2columns
768breakpoints
全出血网格，由带有巨大重叠文字的大型圆角矩形块构成。
07
动效与交互
220msmicro
500mssmall
800msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing
网格区块的顺序交错过渡。 · 大型排版元素的视差式重叠效果。
光标悬停在交互元素上时变为指针；可能出现颜色或缩放变化。 · 立即导航至项目详情。
08
组件
- button 小型、圆角的药丸形按钮，白色背景，深色文本。
- card 大型、全出血的圆角矩形，填充纯色或项目图像。
- chip 小型、圆角的白色标签，叠加在项目图像上。
- hero 动态、多彩的区块网格，带有巨大的重叠标志和描述性文本。
09
文案语气与禁用清单
- 语气 自信、大胆且富有艺术感。
- 标题风格 巨大、重叠、多彩且富有表现力。
- 按钮文案 极简、圆润且低调。
- 不要使用柔和或低对比度的调色板——截图显示的是大胆、高饱和度的色块。
- 不要使用小巧、僵化的排版——截图显示的是巨大、重叠的标志元素。
- 不要在容器上使用尖锐的角——截图显示的是圆角很大的圆角（20-25px radius）。
- 不要使用复杂的投影或 3D 效果——截图显示的是纯色块搭配最小化的柔和阴影。
- 不要使用传统的、严格对齐的网格系统——截图显示的是重叠、动态的布局搭配巨大的文字。
- 不要使用通用或企业化的设计语言——截图展示的是一个富有表现力、艺术感的工作室作品集。
- 避免: 微妙或柔和的调色板
- 避免: 小巧、纤细的排版
- 避免: 僵化、严格对齐的网格
- 避免: 通用的企业化语言
10
包内真实截图
11
System Prompt
这是 Mire 工作室（一家平面设计和艺术指导工作室）的作品集网站。其设计 DNA 由大胆、高饱和度的色块（黄色、蓝色、绿色、粉色）和使用 PP Pangram Sans Rounded 字体的巨大重叠标志元素定义。布局是一个全出血网格，由大型圆角矩形卡片构成。关键颜色为 #FFFFFF（背景）、#4F4F4F（静默文本）和 #000000（主要文本），辅以鲜明的色块作为主导强调色。排版采用几何无衬线字体，用于展示性标志时比例极端，用于导航和标签时则比例较小。关键禁忌：绝不使用柔和的调色板，绝不使用小号的展示性文字，绝不使用尖锐的角，绝不使用复杂的阴影，绝不使用僵化、企业风格的网格。