01
设计气质 DNA
作品集编辑式排版主导精心策划极简
一本展示设计作品的干净、高端杂志跨页。
02
色彩
#222222Ink#F5F6F7BG#999999Mutedrgba(34,34,34,0.1)Line高对比度极简主义，使用中性画布让作品集影像脱颖而出。
03
字体
- display
16px · 400
主要叙事元素与标题使用旧式衬线体。 · UI 元素与次要文本使用人文主义无衬线体。
04
间距
4px8px16px24px32px48px64px80px96px主要章节之间留有大量垂直空白
05
表面 (圆角 / 阴影 / 边线)
sm · 6px
md · 6px
lg · 6px
pill · 999px
无边框或极其细微
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
大尺寸、全出血或宽幅影像，之间用大量垂直空白分隔。
07
动效与交互
220msmicro
400mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover 或过渡时的简单淡入
微妙的透明度变化或简单过渡。 · 即时导航。
08
组件
- button 极简文字链接，带箭头图标（↗），无实色背景。
- card 大尺寸摄影卡片，下方配有简洁文字。
- chip 未出现。
- input 未出现。
- hero 简单的文字区块，包含简介与导航链接，后接大图。
09
文案语气与禁用清单
- 语气 专业、精致且低调。
- 标题风格 衬线体，对话式但正式。
- 按钮文案 带箭头指示器的简单文字链接。
- 避免使用粗体无衬线标题——截图显示为精致的旧式衬线体
- 避免使用明亮、饱和的强调色——截图显示严格中性的灰色调色板
- 避免使用厚重阴影或卡片——截图显示纯色背景上的平面影像
- 避免元素拥挤——截图显示章节间有大量垂直空白
- 避免使用复杂导航——截图显示极简的文字链接与箭头
- 避免在主要文本中使用现代几何无衬线体——截图显示人文主义无衬线体与衬线字体
- 避免: 醒目的行动号召
- 避免: 厚重的品牌元素
- 避免: 杂乱的布局
10
包内真实截图
11
System Prompt
这是一个为香港 UI/UX 与创意总监打造的精致编辑式作品集网站。设计 DNA 由高对比度极简主义定义，采用中性米白（#F5F6F7）背景与深炭灰（#222222）墨色。排版是视觉焦点，将用于展示文本的旧式衬线体与用于正文的人文主义无衬线体相搭配。关键禁忌包括：避免使用明亮强调色，避免使用厚重阴影或现代几何无衬线体，避免在空间不足时堆砌元素。