Grandmatter

一个高端创意代理机构的作品集或艺术指导展示。

高对比度、饱和的单色调色板，使用大胆的粉色作为主要背景色，白色用于所有文字排版，以创造最大的视觉冲击力。

transitional-serif · grotesque-sans

• display120px · 400

展示标题使用带有斜体元素的衬线字体，以增添艺术感。 · 正文/UI元素使用简洁、现代的无衬线字体。

有机的节奏，由文字排版和图像驱动，而非严格的网格系统。

无可见边框；依靠色彩对比进行区域分隔。

全出血主视觉图像，搭配左对齐、堆叠的文字排版。

在菜单图标等交互元素上提供细腻的视觉反馈。 · 标准的点击/触控响应。

• button 用于菜单导航的极简圆形图标按钮。
• card 不适用
• chip 不适用
• input 不适用
• hero 全屏、饱和粉色的主视觉区域，包含大幅肖像插画和巨大、堆叠的衬线字体排版。

• 语气 自信、艺术且高端。
• 标题风格 大号、富有表现力、常为斜体的衬线字体排版。
• 按钮文案 极简，常通过简单的图标（如菜单汉堡图标）来表现。

• 不要使用复杂布局——截图显示的是单一、聚焦的全出血主视觉。
• 不要引入多种竞争性的颜色——截图使用严格的粉色和白色调色板。
• 不要使用小而低调的文字排版——截图展示的是巨大、主导性的标题。
• 不要添加装饰性的UI框架，如卡片或边框——截图风格极简且以图像为主导。
• 不要使用深色模式或柔和的配色方案——截图显示的是明亮、饱和的粉色。
• 不要依赖主视觉区域内的正文——截图通过一个有力的标题进行传达。
• 避免: 杂乱
• 避免: 低对比度
• 避免: 通用的图库素材