01
设计气质 DNA
代理机构数字化创意技术现代
高端数字代理作品集，如同科技创意工作的画廊。
02
色彩
#FFFFFFInk#000000BG#888888Mutedrgba(255, 255, 255, 0.15)Line高对比度单色，搭配单一摄影视觉元素以产生冲击力。
03
字体
- display
160px · 700 - heading-lg
32px · 400 - caption
14px · 400
主显示文本使用粗体字重和负字间距 · 正文和导航使用轻到常规字重以保持层次 · 仅使用干净的无衬线字体类别，营造现代数字感
04
间距
4px8px16px24px32px48px64px96px128px充裕的留白，让巨大排版得以呼吸
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
仅稀疏使用1px细垂直分割线
06
布局
1440container
12columns
32pxgutter
768 / 1024breakpoints
不对称分栏布局，上方为巨大排版，下方为图像/视频
07
动效与交互
150msmicro
300mssmall
600msmedium
cubic-bezier(0.16, 1, 0.3, 1)easing
加载时的微妙文本淡入 · 背景图像/视频的持续循环 · 平滑的scroll交互
文本链接的微妙透明度变化或颜色偏移 · 平滑scroll至下一区域或页面过渡
08
组件
- button 无边框、无背景的纯文本链接
- hero 全宽排版英雄区，单一垂直分割线分隔内容块
09
文案语气与禁用清单
- 语气 自信、专业且略带先锋感
- 标题风格 以巨大尺度呈现的简短、有力的陈述
- 按钮文案 低调，通常仅为箭头或文本链接
- 避免使用杂乱的背景——截图展示了一种极简、单一焦点的方法。
- 避免使用多种强调色——配色严格为单色，仅以摄影作为点缀。
- 避免使用小而拥挤的排版——设计依赖巨大、舒展的尺度。
- 避免使用厚重的边框或阴影——表面是平面的，依靠空间进行分隔。
- 避免使用装饰性图标或插图——视觉语言纯粹是排版和摄影。
- 避免将所有内容居中对齐——布局使用不对称和左对齐区块以创造动态张力。
- 避免: 杂乱的界面
- 避免: 过于多彩的配色
- 避免: 标准的企业术语
- 避免: 大段密集的文本
11
System Prompt
这是一个数字代理作品集网站。其特点是大胆、高对比度的单色配色（#000000背景，#000000前景），并搭配单一、高度风格化的摄影视觉。排版是主要的设计驱动力，使用巨大的怪诞和人文无衬线字体，显示文本采用紧凑字间距，导航和正文使用较轻字重。布局宽松，采用分栏网格方法，留白充裕，并使用细垂直分割线作为微妙结构。关键禁忌：避免使用多种亮色或厚重渐变。避免使用杂乱、拥挤的布局和多个竞争元素。避免使用装饰性图标或标准企业插图。整体感觉是高端、现代且略带实验性，专注于工艺和有冲击力的呈现。