精选 · 开放 · 免费

Audo Copenhagen

温暖、高端的斯堪的纳维亚家具电商，兼具克制与编辑式美学

01

设计气质 DNA

一个策划的高端斯堪的纳维亚家居用品画廊

02

色彩

温暖的中性色调搭配大地色、低饱和度的点缀色，营造平静、高端的氛围

03

字体

transitional-serif · geometric-sans

• display48px · 400
• heading28px · 400
• body14px · 400
• small12px · 400

导航与分类标签使用大写小型文本 · 大多数字体元素采用浅字重（400） · 品牌标识与展示文字使用衬线字体以传达优雅感

04

间距

保持一致的垂直节奏，并辅以充足的内边距，营造通透感

05

表面 (圆角 / 阴影 / 边线)

使用微妙的1px边框，色调与大地色系相近，且通常仅出现在特定边侧

0px 4px 5px 0px rgba(47,43,35,0) · 0px 32px 68px 0px rgba(0,0,0,0.3)

06

布局

全幅摄影的主视觉区域，内容居中呈现

07

动效与交互

页面元素的淡入过渡 · 悬停状态下的平滑透明度变化

微妙的透明度变化或背景色偏移 · 按钮和开关提供即时的视觉反馈

08

组件

• button 采用细边框的轮廓样式，填充样式使用低调的点缀色，文本为大写小型字体
• card 极简风格，依赖大型摄影图片与充足的留白
• chip 简单的拨动开关，采用圆润的药丸形状与大地色填充
• input 简单的下划线或极简边框输入框，不作突出展示
• hero 全视口电影感的产品摄影，搭配居中的衬线字体排版

09

文案语气与禁用清单

• 语气 精致、沉静、含蓄
• 标题风格 优雅的衬线字体，常使用浅字重，聚焦于产品本身
• 按钮文案 大写、几何无衬线字体，常采用轮廓或低调填充

• 不要使用明亮、高饱和度的原色——截图显示的是一套克制的暖中性色系（#F5F3EB、#2F2B23）和大地色调点缀色（#929172）
• 不要使用厚重、粗体的排版——截图显示的字体权重主要为400（常规）
• 不要用多个相互竞争的元素使版式杂乱——截图显示的是一个干净、开阔、聚焦于大图像的版式
• 不要使用尖锐的0px圆角——截图显示即使在极简元素上也有微妙的圆角（2.5px至10px）
• 不要使用标准的网页链接蓝色或红色行动按钮——截图显示操作按钮采用低调的大地色系或简单的黑色文本
• 不要创建密集的导航菜单——截图显示大写导航项目之间具有宽阔的间距
• 避免: 响亮、高对比度的色彩
• 避免: 圆润、俏皮的形状
• 避免: 厚重的字体权重
• 避免: 密集、杂乱的版式

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko