精选 · 开放 · 免费
Kirschberg Co Nz
以干净、编辑式美学呈现产品与品牌作品的精致设计作品集。
PortfolioCleanRefinementStudioCuration
01
设计气质 DNA
精致编辑感极简设计驱动产品
如同策划严谨的高端设计案例展厅，气质沉静而自信。
02
色彩
#171717Ink
#737373Ink soft
#FAF4F4BG
rgba(23,23,23,0.1)Line
高对比度中性色系，背景带有微妙暖色调，突出项目视觉素材。
03
字体
grotesque-sans · humanist-sans
- display
40px · 500 - body
16px · 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
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是Kirschberg的精致设计作品集，展示高水平产品与品牌作品。视觉识别基于干净的编辑式美学，采用温暖米白背景(#FAF4F4)与深墨色文字(#171717)。标题字体为几何无衬线体，正文字体为人文主义无衬线体。布局宽松，使用充裕内边距与可水平滚动的项目网格。关键约束：避免纯白背景，界面中不使用鲜艳强调色，避免厚重投影或装饰性边框，保持极简专业语调。
en · zh-CN · zh-TW · ja · ko