精选 · 开放 · 免费
Atlason
展示家具与产品设计的高端设计工作室作品集。
StudioPortfolioPremiumPhotographicCuration
01
设计气质 DNA
设计工作室家具作品集极简主义
一座高端设计画廊,让作品自己说话。
02
色彩
#000000Ink
#FFFFFFBG
#B0B0B0Muted
rgba(0,0,0,1.0)Line
严格的单色基础,色彩依赖高对比度摄影呈现。
03
字体
grotesque-sans
- display
230px · 400 - heading
106px · 500 - body
16px · 400
大型展示标题使用紧凑的字间距 · 所有文本块保持严格的左对齐 · 避免为文字添加阴影或装饰性处理
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
采用非对称节奏,主要板块之间间距较大,内容块内部排列则更为紧凑。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
主界面元素不使用可见边框;依靠留白实现分隔。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
桌面端采用非对称多栏网格;移动端为单栏堆叠。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
图片与元素在滚动时平滑地透明度渐显 · 悬停时伴随微妙的缩放与平移变换
交互元素在悬停时透明度略微降低或尺寸轻微放大。 · 即时导航或过渡。
08
组件
- button 纯文本链接,悬停时伴有微妙的透明度过渡。
- card 无边框或仅含极细边框的图片网格,依靠与图注的邻近关系组织。
- hero 大字体排版搭配全出血或分屏的大尺寸图片。
09
文案语气与禁用清单
- 语气 自信、低调且专业。
- 标题风格 采用大字体排版,呈现大胆、宣言式的陈述。
- 按钮文案 极简文本链接,通常辅以简洁的箭头图标。
- 勿使用明亮的强调色——截图显示严格的黑白配色
- 勿为图片添加投影——截图呈现干净、扁平的展示效果
- 勿使用居中对齐——截图显示强烈的左对齐排版
- 勿为容器添加圆角——截图显示锐利的矩形边缘
- 勿为标题使用衬线字体——截图显示粗体、现代的 grotesque 无衬线字体
- 勿用图标使 UI 变得杂乱——导航依赖文本与图像
- 避免: 过度的形容词或营销性浮夸表达
- 避免: 明亮、冲突的配色方案
- 避免: 阴影或圆角等装饰性 UI 元素
- 避免: 大段密集的正文文本
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
此设计代表一个高端、极简主义的设计工作室作品集。它使用纯黑 (#000000) 和纯白 (#FFFFFF) 的严格单色方案,以营造高对比度和专注感。排版采用粗体、现代的 grotesque 无衬线字体,并以巨大尺度呈现以增强冲击力。布局为非对称网格,优先展示大型、高品质的摄影图片。关键约束:避免所有明亮的强调色,不使用圆角或投影,并保持所有文本严格的左对齐。交互模型极为微妙,依赖平滑的 300ms 过渡来处理悬停状态。
en · zh-CN · zh-TW · ja · ko