精选 · 开放 · 免费

&Tradition

高端北欧家具品牌，拥有编辑式、画廊般的数字呈现。

01

设计气质 DNA

一个精心策划的永恒家具作品画廊。

02

色彩

温暖、中性的背景，为高质量摄影提供一个平静、画廊般的舞台。

03

字体

transitional-serif · geometric-sans

• display36px · 400
• body14px · 400

所有UI元素、导航和正文均使用几何无衬线字体。 · 主要编辑标题和特写标题使用过渡性衬线字体。 · 保持简洁、开放的字体感觉，间距充裕。

04

间距

8px基准网格，搭配充裕的垂直节奏。

05

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

1px solid rgba(40,40,40,0.1)

rgba(0, 0, 0, 0.1) 0px 0px 2px 0px

06

布局

非对称的编辑式网格，大型影像与文字交替排列。

07

动效与交互

悬停时微妙的透明度和颜色过渡。 · 打开覆盖层时的平滑过渡。

链接和按钮的微妙颜色变化或下划线。 · 即时的视觉反馈。

08

组件

• button 极简文本链接，偶尔带下划线。
• card 以图像为主的编辑式卡片，下方配以简洁的字体。
• chip 大写、小型大写字母的导航或分类标签。
• input 简单的文本输入框，边框极简。
• hero 全宽摄影英雄区域，文本居中或底部对齐。

09

文案语气与禁用清单

• 语气 精致、诗意且富有描述性。
• 标题风格 引人遐想且主题鲜明，通常使用过渡性衬线字体。
• 按钮文案 极简且功能化，通常仅为一个“阅读更多”链接。

• 不要使用霓虹色或高度饱和的原色——截图显示的是柔和、泥土般的色调。
• 不要使用圆润、气泡状的UI元素——截图显示的是锐利、矩形的形态。
• 不要用许多小图标使界面杂乱——截图显示的是非常干净、稀疏的布局。
• 不要对所有文本使用粗重的粗体无衬线字体——截图显示的是衬线与无衬线字体的混合使用。
• 不要将深色模式作为主要主题——截图显示的是浅色、温暖、米白色的背景。
• 不要使用强烈的投影效果——截图显示的是极其微妙、最小化的阴影效果。
• 避免: 激进的营销语言
• 避免: 花哨或杂乱的视觉元素
• 避免: 鲜艳、饱和的调色板
• 避免: 过于复杂的导航结构

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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