OpenDesign·你的设计资产库

网页参考

Kirschberg Co Nz

以干净、编辑式美学呈现产品与品牌作品的精致设计作品集。

PortfolioCleanRefinementStudioCuration
Kirschberg Co Nz 网站截图

01

设计气质 DNA

精致编辑感极简设计驱动产品

如同策划严谨的高端设计案例展厅,气质沉静而自信。

02

色彩

#171717Ink
#737373Ink soft
#FAF4F4BG
rgba(23,23,23,0.1)Line

高对比度中性色系,背景带有微妙暖色调,突出项目视觉素材。

03

字体

grotesque-sans · humanist-sans

  • display40px · 500
  • body16px · 400

大号展示型标题采用紧凑的负字距,营造锐利现代的观感。 · 正文保持统一的400字重,维持阅读体验的平静感。 · 项目标题可通过稍大字号或加粗字重与描述文字区分。

04

间距

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

充裕的垂直内边距与一致的水平间距,构建开放透气的布局。

05

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

sm · 4px
md · 16px
lg · 24px
pill · 999px

1px solid rgba(23,23,23,0.1),实现微妙的结构分隔。

0 4px 24px rgba(0,0,0,0.08)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中首屏区域下方为可水平滚动的项目卡片网格。

07

动效与交互

150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素的色彩与背景平滑过渡。 · 加载或状态变化时采用细微的透明度渐隐。

细微的色彩偏移或透明度变化以提示可交互性。 · 立即的视觉反馈,伴有轻微缩放或色彩调整。

08

组件

  • button 极简边框的胶囊形按钮,圆角设计。
  • card 大尺寸矩形卡片,采用充裕圆角与高品质项目视觉素材。
  • chip 无
  • input 无
  • hero 居中排列的大标题与描述文字区块,位于项目网格上方。

09

文案语气与禁用清单

  • 语气 专业、内敛、自信。
  • 标题风格 直接而略带诗意,聚焦作品的影响力与未来导向。
  • 按钮文案 极简清晰,常融入导航或项目链接中。
  • 避免使用纯白背景——截图显示为温暖的、略带粉调的米白色。
  • 避免在界面中使用鲜艳饱和的强调色——网站依赖项目视觉素材提供色彩。
  • 避免使用厚重投影——设计仅采用非常微妙、柔和的立体效果(如有)。
  • 避免在标题中使用衬线字体——展示型字体为干净的几何无衬线体。
  • 避免使用局促的小间距——布局优先考虑充裕的留白与内边距。
  • 避免使用装饰性边框或纹样——视觉语言严格遵循功能性与极简原则。
  • 避免: 夸张的宣传语言
  • 避免: 过度行业术语
  • 避免: 拥挤的布局

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

这是Kirschberg的精致设计作品集,展示高水平产品与品牌作品。视觉识别基于干净的编辑式美学,采用温暖米白背景(#FAF4F4)与深墨色文字(#171717)。标题字体为几何无衬线体,正文字体为人文主义无衬线体。布局宽松,使用充裕内边距与可水平滚动的项目网格。关键约束:避免纯白背景,界面中不使用鲜艳强调色,避免厚重投影或装饰性边框,保持极简专业语调。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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