OpenDesign·你的设计资产库

网页参考

Thisispam

一个精致的代理商作品集,将精准的排版与编辑式布局相融合。

EditorialCleanAgencyCurationPortfolio

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

01

设计气质 DNA

极简编辑精准数字电商

一个干净、受瑞士启发的设计工作室作品集,强烈强调排版与留白。

02

色彩

#111111Ink
#333333Ink soft
#FFFFFFBG
#F5F5F5BG soft
#EFEFEFBG quiet
#888888Muted
rgba(0,0,0,0.12)Line

高对比度的单色调色板,使用微妙的灰色建立层次,避免鲜艳色彩以维持高端的编辑感。

03

字体

transitional-serif

  • display56px · 700
  • h124px · 400
  • body16px · 400
  • small14px · 400

所有主要标题使用过渡衬线体,以传达优雅与编辑权威。 · 正文文本保持充裕的行高,以增强可读性。 · 除主要展示标题外,避免使用粗体字重,以保持设计的轻盈感。

04

间距

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

采用充裕的留白来分隔区块并强调内容层次,遵循清晰的垂直节奏。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

纤细、微妙的边框使用得非常克制,主要用于分隔线与表单元素。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

布局依赖于严格的网格,搭配大幅、高质量的图像与干净的排版区块。

07

动效与交互

200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

页面切换与模态叠加层使用淡入效果。

交互文本链接采用微妙的透明度变化或下划线动画。 · 通过微妙的状态变化提供即时反馈。

08

组件

  • button 极简的文本按钮,带有微妙的下划线或边框,避免使用纯色填充。
  • card 图像为主、文本覆盖最少的卡片,以网格或瀑布流布局呈现。
  • chip 未突出使用。
  • input 干净、极简的输入框,带有微妙的边框和清晰的标签。
  • hero 大型、编辑风格的首屏区域,由排版与高冲击力图像主导。

09

文案语气与禁用清单

  • 语气 专业、精致且自信。
  • 标题风格 主要标题使用粗体、全大写或强有力的衬线排版。
  • 按钮文案 低调的文本链接或极简按钮,避免使用强烈的行动号召。
  • 不要使用鲜艳或霓虹色的强调色——截图显示的是严格的黑白灰色调。
  • 不要在卡片上使用浓重的投影——截图显示的是在留白背景下的平面图像。
  • 不要为主要操作使用圆角的药丸状按钮——截图显示的是基于文本或带有微妙下划线的链接。
  • 不要用密集的文本块使布局显得杂乱——截图显示的是充裕的留白与清晰的分隔。
  • 不要使用俏皮或手写字体——截图显示的是结构化的、传统的衬线排版。
  • 不要使用复杂的渐变背景——截图显示的是实色、干净的色块。
  • 避免: 鲜艳或霓虹色
  • 避免: 俏皮的动画
  • 避免: 杂乱的布局

11

System Prompt

Thisispam 是一个精致的、编辑风格的代理商作品集网站。其设计基因的特点是高对比度的单色调色板(#FFFFFF 背景,#111111 墨色)以及仅使用过渡衬线体排版来传达优雅与权威。布局优先考虑充裕的留白、严格的网格对齐以及大幅、高质量的图像。关键禁忌包括:避免使用鲜艳或霓虹色的强调色,因为设计严格遵循黑白二色;避免在卡片上使用浓重的投影,卡片是平面且以图像为中心的;以及避免杂乱的布局,因为网站依赖于清晰的分隔与节奏。整体感觉是精准、复杂的克制,适合展示创意与电商作品。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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