01
设计气质 DNA
策略性深思熟虑高端使命驱动
一个高端创意机构作品集网站,感觉如同一个精心策划的画廊。
02
色彩
#F0F0F0Ink#1A1A2EBG#8E8E93Mutedrgba(255,255,255,0.1)Line单色系且以图像驱动,依赖于作品集视觉元素带来色彩趣味。
03
字体
- display
120px · 500 - headline
48px · 400 - body
16px · 400
04
间距
4px8px16px24px32px48px64px96px宽松且开阔,强调留白和视觉呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极少或不存在;边缘由图像和间距定义。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全出血图像搭配大型、重叠的排版元素。
07
动效与交互
200msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
微妙的光标变化或文字下划线显现。 · 导航至完整的案例研究页面。
08
组件
- button 无传统按钮形状的简约文字链接;依赖邻近性和排版。
- card 全视口案例研究面板,作为沉浸式、滚动叙事体验。
- hero 全出血图像上叠加巨大、居中的排版。
09
文案语气与禁用清单
- 语气 自信、沉稳且权威。
- 标题风格 简短有力的陈述,用于引入复杂项目。
- 按钮文案 内敛而低调,通常只是一个简单的「接受并继续」链接。
- 不要使用明亮、多彩的调色板 — 截图显示的是深邃、柔和、以图像为驱动的背景。
- 不要使用小巧、拥挤的字体 — 截图显示的是巨大、开阔的展示字体。
- 不要依赖传统的按钮形状进行导航 — 截图显示的是简单的文字链接。
- 不要用众多UI元素使界面显得杂乱 — 截图显示的是简洁、聚焦的布局。
- 不要使用装饰性边框或厚重的阴影 — 截图显示的是干净、无边框的表面。
- 不要使用通用的无衬线系统字体 — 截图显示的是精致的人文无衬线体。
- 避免: 杂乱的布局
- 避免: 明亮、混乱的颜色
- 避免: 激进的销售语言
11
System Prompt
这是为「Accept & Proceed」设计的高端创意机构作品集。其设计基因的特点是:巨大的、人文无衬线字体、深邃柔和的背景(#1A1A2E)以及高对比度的白色文本(#F0F0F0)。布局采用全出血且开阔,优先考虑沉浸式的案例研究图像。关键禁忌:切勿使用明亮、多彩的调色板;不要用众多UI元素使界面显得杂乱;避免在主要导航中使用传统按钮形状。整体感觉是沉思的、自信的且高度精心策划的,专注于策略性设计作品。