OpenDesign·你的设计资产库

网页参考

Ppp Tokyo Jp

一个风格大胆、具有实验性的创意工作室网站,拥有充满活力和趣味性的美学。

StudioExperimentalBold TypographyPlayfulExpressive

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

01

设计气质 DNA

创意工作室实验性趣味性大胆

一个充满活力的抽象游乐场或艺术装置。

02

色彩

#F45A41Accent
#D4F482Ink
#A98FE4BG
#C7B6F0Muted
rgba(0,0,0,0)Line

高对比度、饱和的调色板,以主导性的紫色背景和霓虹绿点缀色为特征。

03

字体

geometric-sans

  • display200px · 500
  • heading48px · 500
  • body14px · 400

04

间距

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

大型元素之间采用宽松且流畅的间距。

05

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

sm · 0px
md · 24px
lg · 24px
pill · 999px

无可见边框;依赖色块进行区分。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

非对称、实验性的布局,包含大型图形元素和自由定位的文本。

07

动效与交互

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

根据视觉风格推断,可能采用流畅、有趣的过渡效果。

导航链接可能出现微妙的状态变化。 · 标准的指针光标。

08

组件

  • button 不可见。
  • card 不可见。
  • chip 不可见。
  • input 不可见。
  • hero 一个带有彩色分段和巨大“Welcome!”文本的大型对角图形条。

09

文案语气与禁用清单

  • 语气 趣味、创意且自信。
  • 标题风格 大型、粗体、小写的几何无衬线字体。
  • 按钮文案 简洁的文本链接。
  • 不要使用柔和或低饱和度的颜色——截图显示的是高饱和度的紫色背景。
  • 不要使用小型、居中的标题——截图显示的是巨大的、左对齐的“Welcome!”标题。
  • 不要使用复杂的网格或密集的布局——截图显示的是简单、非对称、开放的布局。
  • 不要使用投影或3D效果——截图显示的是平面色块。
  • 不要使用衬线字体——截图显示的是简洁的几何无衬线字体。
  • 不要使用白色背景——截图显示的是主导性的紫色背景。
  • 避免: 企业化正式感
  • 避免: 微妙渐变
  • 避免: 小型字体

11

System Prompt

这是一个为 PPP Tokyo 设计的、风格大胆且具有实验性的创意工作室网站。设计以高饱和的紫色(#A98FE4)背景为主导,搭配霓虹绿(#D4F482)文本和一个多彩的对角图形元素(红色 #F45A41、橙色 #F49B42、蓝色 #4CA1F4)。字体采用几何无衬线类别,以巨大、粗体的尺寸使用。关键禁忌:避免使用柔和的颜色,避免使用小型字体,避免使用标准网格布局。该网站应感觉像一件数字艺术品或游乐场,充满趣味、表现力强且高度视觉化。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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