OpenDesign·你的设计资产库

网页参考

Wearewouq

为创意总监二人组打造的极简作品集,强调大幅摄影与简洁排版。

StudioPortfolioCleanPhotographicPremium

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

01

设计气质 DNA

创意总监数字体验视觉解决方案全球德国

一个具有极简、编辑美学的高端设计作品集网站。

02

色彩

#111111Ink
#FFFFFFBG
#999999Muted
rgba(0,0,0,0.1)Line

以纯黑白为基底,通过鲜艳、高饱和度的摄影作品构成色彩叙事。

03

字体

transitional-serif · humanist-sans

  • display48px · 400
  • body20px · 400
  • label16px · 500

标题使用简洁、精致的衬线体或过渡衬线体。 · 导航和次要文本使用简洁的无衬线体。 · 文本颜色严格根据背景使用黑色或白色。

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

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

导航和图像呈现可能采用微妙的过渡效果。 · 标准的指针交互。

08

组件

  • button 极简设计,可能基于文本或简单描边样式,尽管未明确展示。
  • card 全出血或大幅图像卡片,带有微妙的文字覆盖效果。
  • hero 大型介绍性文本块,后接全宽视觉内容。

09

文案语气与禁用清单

  • 语气 专业、自信且精致。
  • 标题风格 直接、陈述性、语法结构严谨。
  • 按钮文案 低调内敛,依靠内容层级而非醒目按钮。
  • 避免使用鲜艳的霓虹色——截图显示为中性白色背景搭配鲜艳的摄影内容。
  • 避免使用厚重的投影——截图显示为完全扁平、无边框的设计。
  • 避免在容器上使用圆角——截图显示为锐利的矩形边角。
  • 避免在布局中堆砌大量小元素——截图显示为大量、有呼吸感的留白。
  • 避免为正文使用粗重的字体粗细——截图显示为细体到常规字重。
  • 避免使用装饰性、手写体字体——截图显示为简洁、高度易读的排版。
  • 避免: 喧闹的促销语言
  • 避免: 过多的形容词
  • 避免: 杂乱的布局

11

System Prompt

这是一个为德国创意总监二人组打造的极简作品集网站。其设计基因的特点是采用纯白背景(#FFFFFF)和深黑墨色(#111111)构成的高对比度配色方案。排版方面,标题采用精致的过渡衬线体或人文主义无衬线体,导航则使用简洁的无衬线体。布局利用充足的留白和灵活的网格来展示大幅摄影作品。关键设计约束:避免使用厚重的投影、在主要容器上使用圆角,以及杂乱或喧闹的布局。网站依靠摄影提供色彩和视觉趣味,保持高端、克制的编辑风格。动效应微妙且功能化,在提升简洁美学的同时不造成干扰。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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