01
设计气质 DNA
创意总监数字体验视觉解决方案全球德国
一个具有极简、编辑美学的高端设计作品集网站。
02
色彩
#111111Ink#FFFFFFBG#999999Mutedrgba(0,0,0,0.1)Line以纯黑白为基底,通过鲜艳、高饱和度的摄影作品构成色彩叙事。
03
字体
- display
48px · 400 - body
20px · 400 - label
16px · 500
标题使用简洁、精致的衬线体或过渡衬线体。 · 导航和次要文本使用简洁的无衬线体。 · 文本颜色严格根据背景使用黑色或白色。
04
间距
4px8px16px24px32px48px64px96px充足的留白,高度注重内容的呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极少或无可见边框;依靠间距和对比来区分。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
作品集项目采用不对称网格,全宽元素与小型卡片混合布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
导航和图像呈现可能采用微妙的过渡效果。 · 标准的指针交互。
08
组件
- button 极简设计,可能基于文本或简单描边样式,尽管未明确展示。
- card 全出血或大幅图像卡片,带有微妙的文字覆盖效果。
- hero 大型介绍性文本块,后接全宽视觉内容。
09
文案语气与禁用清单
- 语气 专业、自信且精致。
- 标题风格 直接、陈述性、语法结构严谨。
- 按钮文案 低调内敛,依靠内容层级而非醒目按钮。
- 避免使用鲜艳的霓虹色——截图显示为中性白色背景搭配鲜艳的摄影内容。
- 避免使用厚重的投影——截图显示为完全扁平、无边框的设计。
- 避免在容器上使用圆角——截图显示为锐利的矩形边角。
- 避免在布局中堆砌大量小元素——截图显示为大量、有呼吸感的留白。
- 避免为正文使用粗重的字体粗细——截图显示为细体到常规字重。
- 避免使用装饰性、手写体字体——截图显示为简洁、高度易读的排版。
- 避免: 喧闹的促销语言
- 避免: 过多的形容词
- 避免: 杂乱的布局
11
System Prompt
这是一个为德国创意总监二人组打造的极简作品集网站。其设计基因的特点是采用纯白背景(#FFFFFF)和深黑墨色(#111111)构成的高对比度配色方案。排版方面,标题采用精致的过渡衬线体或人文主义无衬线体,导航则使用简洁的无衬线体。布局利用充足的留白和灵活的网格来展示大幅摄影作品。关键设计约束:避免使用厚重的投影、在主要容器上使用圆角,以及杂乱或喧闹的布局。网站依靠摄影提供色彩和视觉趣味,保持高端、克制的编辑风格。动效应微妙且功能化,在提升简洁美学的同时不造成干扰。