精选 · 开放 · 免费
Fritz Hansen
一个高端、极简的展示平台,用于呈现顶级家具与设计活动。
furnituredesign
01
设计气质 DNA
高端斯堪的纳维亚家具设计传承
一个精致的斯堪的纳维亚设计画廊。
02
色彩
#D6E1B9Accent
#000000Ink
#333333Ink soft
#FFFFFFBG
#EFEEEBBG soft
#C6C6C6Muted
rgba(0,0,0,1)Line
严格的单色搭配单一柔和的淡色调点缀。
03
字体
grotesque-sans
- display
34px · 500 - body
14px · 400 - caption
11px · 400
导航和部分标签使用大写文本。 · 标题字号采用紧凑的字间距。 · 全文使用清晰、高可读性的无衬线字体。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充裕的垂直内边距,配合紧凑的标题行高。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
使用 1px solid #000000 进行结构分隔。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
采用高质量摄影的非对称网格。
07
动效与交互
250msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.01, 0.25, 1)easing
内容区块的平滑淡入。 · 滚动时的细微 transform 动画。
细微的透明度或颜色变化。 · 即时响应,无弹跳效果。
08
组件
- button 纯黑或浅绿色背景,采用直角。
- card 以图片为主,底部带有细边框。
- chip 极简的文本选择控件。
- input 下划线或细边框样式,界面元素极简。
- hero 大画幅图像,搭配醒目的文字叠加。
09
文案语气与禁用清单
- 语气 沉稳、静谧且具权威感。
- 标题风格 粗体、大写、简洁。
- 按钮文案 清晰、直接,常伴有箭头。
- 不要使用圆角——截图显示完美的直角边缘。
- 不要使用投影——截图显示扁平、以边框分隔的表面。
- 不要使用鲜艳的主色——截图显示的是柔和的绿色与严格的单色。
- 不要使用衬线字体——截图显示的是清晰、几何感的无衬线字体。
- 不要使用装饰性图标——截图显示的是极简的功能性 UI 元素。
- 不要使布局拥挤——截图显示留有大量空白。
- 避免: 鲜艳色彩
- 避免: 俏皮语言
- 避免: 复杂渐变
- 避免: 圆角
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
此设计代表 Fritz Hansen,一个高端斯堪的纳维亚家具品牌。其视觉识别极简而精致,采用单色配色(#000000 墨色搭配 #FFFFFF 背景),并以一个柔和的淡绿色(#D6E1B9)作为语言选择器的点缀。字体使用清晰的 grotesque-sans,标题采用紧凑字间距,正文则留有充裕间距。布局宽敞,强调大画幅摄影。关键禁忌:绝不用圆角,避免投影,不引入鲜艳、高饱和度的颜色。
en · zh-CN · zh-TW · ja · ko