OpenDesign·你的设计资产库

网页参考

Mucho

为品牌设计意义、价值和未来。

BrandStudio

封面待补录，可通过原站查看设计。

01

设计气质 DNA

品牌工作室设计机构

一个自信的高端设计工作室。

02

色彩

#DB4A41Accent
#000000Ink
#212121Ink soft
#FBFBFBBG
#FFFFFFBG soft
#F4F4F4BG quiet
#A6A6A6Muted
rgba(0,0,0,0.1)Line

极简画布，搭配大胆、富有表现力的点缀色。

03

字体

geometric-sans · grotesque-sans

  • display80px · 400
  • display-sm50px · 400
  • body20px · 400
  • body-sm15px · 400

04

间距

4px
8px
16px
20px
30px
35px
64px
70px

慷慨的留白，让字体得以呼吸。

05

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

sm · 4px
md · 5px
lg · 16px
pill · 999px

1px solid black

0px 25px 50px -12px rgba(0,0,0,0.25)

06

布局

1280container
12columns
20pxgutter
768 / 1024breakpoints

开阔的空间，搭配加粗的字体，居中或左对齐。

07

动效与交互

300msmicro
600mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

基于 Transform 的滚动揭示效果 · 平滑的颜色过渡

链接和按钮的颜色过渡效果。 · 通过 opacity 或 transform 变化提供即时反馈。

08

组件

  • button 圆角药丸形轮廓，黑色边框，文本大写。
  • card 实心色块（红色），搭配加粗文字和图标。
  • hero 超大号居中字体，搭配趣味图形元素。

09

文案语气与禁用清单

  • 语气 自信、直接且专业。
  • 标题风格 加粗，通常小写或句首大写，高度风格化。
  • 按钮文案 大写、轮廓式、药丸形按钮。
  • 不要使用多种字体家族——该网站严重依赖于单一的 grotesque 字体家族。
  • 不要使用复杂的渐变——调色板严格限定为扁平的黑、白以及单一的红色点缀。
  • 不要将所有正文都居中对齐——文本主要为左对齐，仅展示性文字采用特定居中。
  • 不要使用标准的方形卡片——元素以扁平、加粗的色块形式呈现。
  • 不要在各处使用投影——它们仅保留用于特定的浮动元素，如 cookie 横幅。
  • 不要使用深色模式——该网站严格采用亮色主题，背景为纯白色。
  • 避免: 杂乱的布局
  • 避免: 俏皮或圆润的无衬线字体
  • 避免: 刺眼或霓虹色的点缀色

10

包内真实截图

Mucho — 桌面首屏（hero）
桌面首屏（hero）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Mucho — 移动首屏
移动首屏

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

11

System Prompt

Mucho 是一个设计机构网站，其特点是极度简约和大胆、富有表现力的字体。布局由巨大的几何/怪诞展示字体主导，置于纯白画布之上。明亮的红色点缀被谨慎地用于高对比度的内容块。系统使用严格限定的黑、白和单一高饱和度红色调色板，标题字体的字距非常紧凑。导航极简且大写。关键禁忌：避免使用多种字体家族、复杂的渐变、居中对齐的正文以及过于圆润的 UI 元素。焦点在于字体的原始力量和清晰、直接的沟通。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明，可复制给 Agent。