精选 · 开放 · 免费

Vitsœ

一个基于 Dieter Rams 模块化设计与功能性极简主义原则的传承家具品牌网站。

01

设计气质 DNA

一个精心策划、画廊般的产品目录，具有永恒的克制感。

02

色彩

单色调，仅使用一个功能性的蓝色作为交互点缀。

03

字体

grotesque-sans

• display40px · 700
• heading32px · 700
• body16px · 400

所有文字层级均使用 Linotype Univers W01 字体。 · 保持严格的排版层级，展示文字使用粗体，正文使用轻体。 · 大尺寸展示文字的字间距保持紧凑。

04

间距

通过 32px 和 64px 的增量驱动的充裕垂直节奏，确保清晰的章节分隔。

05

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

纤细的高对比度边框（1px）或微妙的灰色分隔线（1px solid #C2C2C2）。

06

布局

基于网格的布局，包含 12 列，并交替使用全宽和分栏区域。

07

动效与交互

内容展开时平滑的淡入效果。 · 交互状态下的简单线性过渡。

交互文字元素的微妙透明度变化。 · 通过文字链接和按钮直接导航。

08

组件

• button 用于主要操作的带箭头文字链接；用于 Cookie 接受的实心黑底白字按钮。
• card 以图像为主的产品卡片，边距极小，配有清晰的文字标签。
• input 将搜索图标集成于顶部导航栏。
• hero 大画幅图像搭配醒目的产品标题和简洁的功能性描述。

09

文案语气与禁用清单

• 语气 权威、低调、高度功能化。
• 标题风格 直接、陈述式的产品名称（例如‘606 通用置物系统’）。
• 按钮文案 配有方向箭头的微妙文字链接。

• 不要使用装饰性插图——截图显示的是摄影图片和一个单独的功能性红唇图标。
• 不要使用柔和的投影——截图显示的是扁平、无边框的图片或纤细的实线分隔线。
• 不要使用明亮、多彩的渐变色——截图显示的是单色调色板配以一个蓝色点缀。
• 不要使用厚重、华丽的衬线字体——截图显示的是贯穿始终的简洁几何无衬线字体。
• 不要使用杂乱的导航——截图显示的是极简的文字顶部菜单。
• 不要使用圆润的胶囊按钮——截图显示的是矩形按钮和简单的文字链接。
• 避免: 情感化或华丽的修饰语言。
• 避免: 过度使用感叹号。
• 避免: 激进的销售文案。
• 避免: 复杂的行话或流行词。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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