OpenDesign·你的设计资产库

网页参考

Twomuch Studio

一个玩趣的创意工作室网站,以巨大、蓬松的品牌标志为主导。

StudioExpressivePlayfulBold Typography

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

工作室创意玩趣表现力大胆

一本数字素描本,字体设计巨大而流畅。

02

色彩

#D4F529Accent
#000000Ink
#F5F5F5BG
#E0E0E0Muted
rgba(0,0,0,0.1)Line

极简的中性色板,作为单一高饱和度霓虹强调色的安静舞台。

03

字体

cursive · geometric-sans

  • display500px · 700

主品牌标志使用巨大、流畅的草书字体。 · 小型导航和UI元素使用简洁的几何无衬线字体。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

中心视觉元素周围留有充足的负空间。

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

除UI组件外,无可见边框。

elevation-1: 0 2px 8px rgba(0,0,0,0.05)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

单个居中首屏布局,配以巨大字体。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

流畅的有机形态暗示持续、微妙的动画。

交互元素上微妙的缩放或颜色变化。 · 即时反馈。

08

组件

  • button 小型、胶囊形状的菜单按钮,带有霓虹背景。
  • hero 巨大、流畅的草书字体,形态相互重叠。

09

文案语气与禁用清单

  • 语气 玩趣而大胆。
  • 标题风格 巨大、流畅、富有表现力的品牌标志。
  • 按钮文案 极简、高对比度的按钮。
  • 不要使用标准网格——截图显示巨大、流畅、相互重叠的字体打破了所有网格。
  • 不要使用柔和的色彩——截图显示明亮的霓虹黄强调色。
  • 不要使用小而僵硬的字体——截图显示巨大、蓬松、草书字体。
  • 不要使用标准的方正UI元素——截图显示圆角的胶囊形按钮。
  • 不要使用深色背景——截图显示非常浅的米白色背景。
  • 不要使用复杂的导航——截图显示一个极简的菜单按钮。
  • 避免: 僵化的布局
  • 避免: 通用的无衬线标题
  • 避免: 杂乱的界面

11

System Prompt

一个玩趣的创意工作室网站,为'Twomuch.Studio'设计。设计以巨大的、流畅的、蓬松的草书风格品牌标志为主导,置于浅米白色背景(#F5F5F5)上。主要交互是一个小型的胶囊形菜单按钮,带有鲜艳的霓虹黄强调色(#D4F529)。字体设计上,首屏使用大胆、富有表现力的展示型草书,UI则使用简洁的几何无衬线体。关键设计原则:拥抱有机的流动性,利用极端比例创造冲击力,并保持极简的UI以突出艺术性。关键禁忌:不要使用僵化的网格,避免柔和的色彩,不要使用小型、通用的字体。整体感觉是实验性的、富有表现力的、以工作室为中心的。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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