精选 · 开放 · 免费
Giopandone
为品牌体验设计师打造的、以字体排印为主导的克制型作品集。
PortfolioStudioCleanTypographyPhotographic
01
设计气质 DNA
设计作品集极简编辑高端
一个极简风格的瑞士式设计作品集。
02
色彩
#1840E7Accent
#000000Ink
rgba(0,0,0,0.45)Ink soft
#FFFFFFBG
rgba(0,0,0,0.1)Line
严格的高对比度单色方案，仅点缀一个活力蓝作为强调色，克制使用。
03
字体
geometric-sans · neo-grotesque-sans · monospace
- display
56px · 400 - body
13px · 400 - caption
12px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
严格的4px基线网格，搭配充裕的垂直留白。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(0,0,0,0.1)
06
布局
1280container
12columns
16pxgutter
768 / 1024breakpoints
严格的网格布局，富有负空间且采用非对称对齐。
07
动效与交互
220msmicro
250mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
悬停时微妙的不透明度过渡
色彩或不透明度变化，通常过渡到柔和的墨色。 · 即时导航。
08
组件
- button 极简的文本导航链接，大写，字号较小。
- card 全宽图片卡片，下方配以简洁的字体排印。
- hero 大型多栏字体排印布局，配有超大号标志，间距分明。
09
文案语气与禁用清单
- 语气 专业、克制且高度自信。
- 标题风格 粗体、简洁、字体排印上具有主导性。
- 按钮文案 极简文本链接，常为大写。
- 不要使用圆角——截图显示所有容器均为锐利的方形边角。
- 不要使用投影——截图显示平面效果，无深度感。
- 不要使用多种强调色——截图显示在单色背景上仅有一个蓝色强调色。
- 不要使用居中文本布局——截图显示左对齐和非对称的字体排印。
- 不要使用繁杂的背景——截图显示纯白的负空间。
- 不要使用装饰性边框——截图显示仅有功能性的细分割线。
- 避免: 装饰性元素
- 避免: 圆角
- 避免: 多彩调色板
- 避免: 趣味性动画
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
这是一个为品牌体验设计师打造的极简设计作品集。其特点为严格的单色调色板（白色#FFFFFF背景、黑色#000000文本、柔和rgba(0,0,0,0.45)次级文本），并配有一个活力蓝（#1840E7）作为强调色。字体排印依赖几何与新怪诞风格的无衬线字体类别，配有超大号展示性标志和小号大写导航。布局高度结构化，采用严格的4px基线网格、锐利的方形边角以及大量负空间。关键禁忌：永不使用圆角、避免投影、永不使用多彩调色板、避免居中文本、永不使用繁杂背景，以及避免装饰性边框。
en · zh-CN · zh-TW · ja · ko