Moooi

高端设计画廊邂逅精致电商目录。

克制的单色系，让摄影与排版成为视觉焦点。

transitional-serif · humanist-sans

• display72px · 400
• headline24px · 400
• body16px · 400
• small12px · 400
• nav16px · 400

展示与标题尺寸使用负字距收紧衬线字体。 · 正文保持一致、宽松的行高。 · 字重多采用 400 以营造精致的编辑感。 · 特定功能元素使用大写字母间距。

内容块周围及模态窗口内充裕的间距强调高端质感。

列表与细微分隔线使用柔和灰色 (#929292) 的 1px 细边框。

0px 0px 0px 0px rgba(0, 0, 0, 0) inset · 3px 3px 10px 0px rgba(0, 0, 0, 0.1)

全出血摄影配合叠加的 UI 元素，阅读区域采用居中的窄内容容器。

用于内容揭示的缓慢、优雅的淡入淡出与变换。 · 按钮与背景色等交互元素的平滑过渡。

背景或文字的细微色彩变化，常使用平滑的 0.2s 过渡。 · 通过背景或 box-shadow 变化提供即时反馈。

• button 极简主义，常为纯文本或简单边框；主要操作采用胶囊形圆角。
• card 简洁容器，细边框与充裕内边距；常叠加于大型图像上。
• chip 带细边框的简单矩形元素，伴有细微的背景色变化。
• input 简洁、带边框的输入框，样式极简，依赖系统排版。
• hero 占据视口的大型沉浸式摄影，上方叠加极简导航。

• 语气 精致、沉静、权威。
• 标题风格 采用紧凑字距的大型优雅衬线字体。
• 按钮文案 极简主义，常为基于文本或简单描边按钮。

• 避免使用明亮或饱和的颜色——截图显示严格的单色系：白色、灰色与黑色。
• 避免使用厚重粗边框——截图显示柔和灰色的 1px 细线。
• 避免在主要容器上使用大圆角——截图显示非常细微的圆角 (2px-5px) 或直角。
• 避免使用厚重的无衬线字体——截图显示标题偏好过渡衬线字体，正文偏好人文主义无衬线字体。
• 避免创建密集、文字过多的布局——截图显示充裕的留白与大型摄影。
• 避免使用强烈的阴影——截图显示非常细微、低不透明度的投影。
• 避免: 鲜艳色彩
• 避免: 杂乱布局
• 避免: 俏皮或随意的语言

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