01
设计气质 DNA
家具设计精炼恒久深思
展示经典家具作品的极简画廊。
02
色彩
#000000Ink#FFFFFFBGrgba(0,0,0,0.1)Line采用高对比度的单色方案,让摄影图像主导视觉焦点。
03
字体
- display
56px · 400 - body
16px · 400
大型的 'Resident' 品牌字标采用精致的过渡衬线体,字间距紧凑。 · 导航与正文使用清晰易读的人文主义无衬线字体。 · 正文行高较为宽松,约为1.5,以提升可读性。
04
间距
4px8px16px24px32px48px64px96px以4px为基础单位建立一致的节奏感,营造宽松、透气的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
卡片或容器无可见边框;依靠间距与对齐来界定。
06
布局
1400container
12columns
24pxgutter
768 / 1024breakpoints
用于产品特性的对称双栏网格,页头横跨完整宽度。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
页面加载与内容揭示时采用微妙的淡入过渡。
文本链接在悬停时发生微妙的颜色或透明度变化。 · 交互元素使用标准的光标指针样式。
08
组件
- button 极简风格,可能是基于文本或简单的矩形链接,无过多样式装饰。
- card 以图片为主体的卡片,无边框、圆角或阴影。
- chip 简单的基于文本的类别标签,例如用于语言选择的 'EN DE'。
- input 搜索功能可能采用简单的文本输入框或图标触发器。
- hero 大型、沉浸式的摄影图像,下方搭配标题或描述性文字。
09
文案语气与禁用清单
- 语气 精致、自信且富有编辑感。
- 标题风格 清晰、描述性的标题,用于宣告新品发布或设计师合作。
- 按钮文案 低调内敛,通常仅为文本链接或简洁按钮。
- 不要在卡片上使用投影 —— 截图显示的是扁平、无边界的图像容器。
- 不要在主容器上使用圆角 —— 截图显示的是锐利的矩形边缘。
- 不要使用鲜艳、高饱和度的强调色 —— 截图展示的是严格的单色调色板。
- 不要在正文中使用沉重、装饰性的字体 —— 截图使用的是清晰、易读的无衬线字体。
- 不要在界面中堆积多个相互竞争的视觉元素 —— 截图优先呈现大型摄影图像。
- 不要使用深色模式 —— 截图显示以明亮的白色背景作为主要画布。
- 避免: 艳俗色彩
- 避免: 厚重投影
- 避免: 容器圆角
- 避免: 侵略性动画
- 避免: 杂乱布局
11
System Prompt
Resident是一个为高端设计师家具打造的、富有编辑质感的精致电商平台。设计采用严格的单色调色板,背景为白色(#FFFFFF),墨色为黑色(#000000)。字体方面,品牌字标使用过渡衬线体,正文与导航文本使用人文主义无衬线字体。关键的禁止事项包括避免使用投影、主容器圆角以及鲜艳的强调色。布局在干净、对称的网格中优先呈现大型、沉浸式的摄影图像,营造出宁静而高端的浏览体验。