01
设计气质 DNA
独立设计工作室协作变革性
一个干净、深色的画廊,展示多样化的创意项目
02
色彩
#FFFFFFInk#888888Ink soft#111111BG#666666Mutedrgba(255,255,255,0.1)Line高对比度单色,色彩来源于项目图像
03
字体
- display
32px · 700
导航和项目标题使用粗体 · 描述性正文使用常规字重 · 所有文本使用一致的几何无衬线字体
04
间距
4px8px16px24px32px48px64px96px一致的8px垂直节奏
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
无可见边框;通过间距和颜色对比实现分隔
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
顶部导航左右分割,下方是3列项目网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
导航链接上细微的hover状态过渡 · 项目卡片hover时可能的图像缩放
文本链接出现下划线 · 标准页面导航
08
组件
- button 仅文本导航链接,hover时带下划线
- card 以图像为主的项目卡片,标题加粗,下方为柔和的分类文本
- hero 基于文本的极简介绍,附工作室描述
09
文案语气与禁用清单
- 语气 专业、自信、直接
- 标题风格 简短、加粗的陈述
- 按钮文案 通过导航链接隐式引导
- 不要使用鲜艳的强调色——截图显示严格的单色调色板,唯一颜色来自内容图片
- 不要使用衬线字体——截图显示所有排版均为几何无衬线字体
- 不要添加装饰性边框或阴影——截图显示极简的表面处理和平面布局
- 不要居中对齐正文——截图显示左对齐的文本块
- 不要使用渐变背景——截图显示纯色深色背景
- 不要使布局过于拥挤——截图显示元素间留有充足空白
- 避免: 过于随意的语言
- 避免: 过多的推广性文案
- 避免: 复杂的术语
11
System Prompt
为极简设计工作室作品集设计的设计系统。深色主题,背景为#111111,文字为白色。全文使用几何无衬线字体,标题使用粗体,正文使用常规字重。简洁的12列网格布局,间距充足。项目卡片以图像为主,下方文本极少。无装饰性元素或强调色。关键禁忌:绝不使用衬线字体,避免彩色强调,绝不添加边框或阴影,保持左对齐,无渐变背景,保持充足间距。