01
设计气质 DNA
策略驱动视觉系统数字产品品牌塑造
一家拥有大胆、简洁美学的高端设计工作室
02
色彩
#66CCFFAccent#111111Ink#F5F5F5BG#FFFFFFBG soft#999999Mutedrgba(17, 17, 17, 0.1)Line高对比度,搭配干净、中性的背景。
03
字体
- display
120px · 700 - body
16px · 400
主要展示文本使用全大写。 · 标题使用几何无衬线字体。 · 展示文本与正文尺寸对比鲜明。
04
间距
4px8px16px24px32px48px64px96px标准 4px 基础网格。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 160px
极少或无。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血首屏,底部对齐的巨型排版。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
链接上有细微的悬停过渡效果。 · 3D 物体可能有缓慢的循环旋转或漂移动画。
链接颜色过渡。 · 最小反馈。
08
组件
- button 极简,可能为高对比度的胶囊形状。
- card 无。
- chip 无。
- input 无。
- hero 全视口,包含一个 3D 抽象物体和叠加的巨型文本。
09
文案语气与禁用清单
- 语气 自信、专业且大胆。
- 标题风格 全大写、巨型,并与 3D 图像融合。
- 按钮文案 极简,可能是简单的链接或胶囊按钮。
- 不要使用小而胆怯的排版——截图显示的是巨大、粗体的展示文本。
- 不要使用杂乱或深色的背景——截图显示的是干净、浅灰色的背景。
- 不要使用过多不同颜色——截图显示的是非常有限的色板,包括黑、白、浅灰和单一浅蓝色强调色。
- 不要在主要元素上使用圆角——截图显示的是仅使用直角边缘或胶囊形状。
- 不要使用复杂的导航菜单——截图显示右上角仅有两个文本链接。
- 不要使用细微、低对比度的排版——截图显示的是高对比度的、浅灰色背景上的黑色文本。
- 避免: 陈腐的企业术语
- 避免: 过于复杂的导航
10
包内真实截图
11
System Prompt
这是一个大胆、高端的设计工作室网站。它以巨大、全大写的几何无衬线排版(使用 Helvetica Neue)作为主要设计元素,通常与 3D 抽象物体交互。色彩搭配极度克制,主要使用浅灰色(#F5F5F5)、黑色(#111111)和单一浅蓝色强调色(#66CCFF)。布局干净且全出血。关键禁忌:不要使用小而胆怯的排版——首屏文本是巨大的。不要使用杂乱的背景——保持干净明亮。不要使用过多颜色——坚持单色加一个强调色的色板。




