Muuto

一个如同画廊般呈现的高端家具展厅。

采用精致、柔和的基础色板，搭配高对比度的深色文字，以及标志性的亮黄色作为强调色。

geometric-sans · transitional-serif

• display100px · 400
• body16px · 400
• caption12px · 400

标题采用几何无衬线字体，字距紧密，大小写混用。 · 正文使用过渡衬线字体，营造精致的编辑感。 · 导航和标签使用全大写的几何无衬线字体。

一个基于4px增量的灵活间距系统，拥有宽裕的栏间距（20-24px）和明确的区块内边距。

用于导航和结构分割的、低透明度的1px黑色细边框。

非对称的编辑网格，图文区块相互重叠。

悬停和状态变化时使用平滑的透明度和变换过渡。 · 轮播图和交互元素中使用流畅的内容过渡。

交互元素上微妙的透明度变化和色彩偏移。 · 通过背景色或色彩过渡提供即时视觉反馈。

• button 带有细边框的极简幽灵按钮。
• card 将大幅图像与排版相结合的非对称布局卡片。
• input 简洁、极简的搜索输入框。
• hero 全幅主视觉，配有超大字号排版、背景色块和浮动的产品图像。

• 语气 精致、自信且聚焦设计。
• 标题风格 大胆、陈述性的语句，字距紧密，常采用标题式大小写或句式大小写。
• 按钮文案 含蓄而直接，使用如“探索”之类的极简文字。

• 不要使用饱和的原色——截图显示为柔和的大地色调和单一的亮黄色强调。
• 不要使用装饰性或手写字体——截图显示为几何无衬线和过渡衬线字体。
• 不要将所有内容居中对齐——截图显示左对齐文本与非对称网格布局的混合使用。
• 不要在界面元素上使用投影——截图显示为无可见阴影的扁平化设计。
• 不要创建密集、杂乱的布局——截图显示充足的留白和编辑节奏。
• 不要使用标准、方框式的卡片设计——截图显示重叠的元素和非对称构图。
• 避免: 激进的营销语言
• 避免: 杂乱的布局
• 避免: 鲜艳、饱和的配色

历史提取与模型分析 · 尚未逐项校验