精选 · 开放 · 免费

Mire Studio

一个充满活力、富有表现力的设计工作室作品集，通过大胆的色彩和巨大的排版来展示作品。

01

设计气质 DNA

一个大胆、多彩的作品集画廊，采用超大、重叠的排版。

02

色彩

高饱和度、鲜明的调色板，应用于大型几何色块和重叠的排版中。

03

字体

geometric-sans

• display400px · 600
• body14px · 400

所有文本元素使用 PP Pangram Sans Rounded 字体。 · 展示性标志使用极端的缩放和重叠填充。 · 正文文本较小、圆润，并在彩色色块上具有高度可读性。

04

间距

圆角色块内留有充足的 padding；重叠元素之间间距紧凑。

05

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

无；形状由纯色块和重叠的排版定义。

rgba(84, 84, 84, 0.23) 0px 0px 20px 0px

06

布局

全出血网格，由带有巨大重叠文字的大型圆角矩形块构成。

07

动效与交互

网格区块的顺序交错过渡。 · 大型排版元素的视差式重叠效果。

光标悬停在交互元素上时变为指针；可能出现颜色或缩放变化。 · 立即导航至项目详情。

08

组件

• button 小型、圆角的药丸形按钮，白色背景，深色文本。
• card 大型、全出血的圆角矩形，填充纯色或项目图像。
• chip 小型、圆角的白色标签，叠加在项目图像上。
• hero 动态、多彩的区块网格，带有巨大的重叠标志和描述性文本。

09

文案语气与禁用清单

• 语气 自信、大胆且富有艺术感。
• 标题风格 巨大、重叠、多彩且富有表现力。
• 按钮文案 极简、圆润且低调。

• 不要使用柔和或低对比度的调色板——截图显示的是大胆、高饱和度的色块。
• 不要使用小巧、僵化的排版——截图显示的是巨大、重叠的标志元素。
• 不要在容器上使用尖锐的角——截图显示的是圆角很大的圆角（20-25px radius）。
• 不要使用复杂的投影或 3D 效果——截图显示的是纯色块搭配最小化的柔和阴影。
• 不要使用传统的、严格对齐的网格系统——截图显示的是重叠、动态的布局搭配巨大的文字。
• 不要使用通用或企业化的设计语言——截图展示的是一个富有表现力、艺术感的工作室作品集。
• 避免: 微妙或柔和的调色板
• 避免: 小巧、纤细的排版
• 避免: 僵化、严格对齐的网格
• 避免: 通用的企业化语言

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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