OpenDesign·你的设计资产库

网页参考

Acceptandproceed

一个高端创意机构作品集,通过沉浸式、大画幅的案例研究展示高保真、使命驱动的设计作品。

AgencyEditorialCleanRefinementCuration

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

策略性深思熟虑高端使命驱动

一个高端创意机构作品集网站,感觉如同一个精心策划的画廊。

02

色彩

#F0F0F0Ink
#1A1A2EBG
#8E8E93Muted
rgba(255,255,255,0.1)Line

单色系且以图像驱动,依赖于作品集视觉元素带来色彩趣味。

03

字体

humanist-sans

  • display120px · 500
  • headline48px · 400
  • body16px · 400

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

宽松且开阔,强调留白和视觉呼吸空间。

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元素使界面显得杂乱;避免在主要导航中使用传统按钮形状。整体感觉是沉思的、自信的且高度精心策划的,专注于策略性设计作品。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。