OpenDesign·你的设计资产库

网页参考

Howmanyplants

面向植物爱好者的温暖插画编辑平台,融合粗犷字体与手工图形。

EditorialCurationWarmBold TypographyGallery
Howmanyplants 网站截图

01

设计气质 DNA

趣味植物编辑精选社区

为植物爱好者打造的奇幻精选书店,充满手绘插画与个性字体。

02

色彩

#BFB33BAccent
#222222Ink
#FFFEF9BG
#F9F5F1BG soft
rgba(34, 34, 34, 1.0)Line

以近白色画布为基底的温暖大地色系,点缀活力黄绿色调金色与趣味粉彩。

03

字体

geometric-sans · humanist-sans · transitional-serif

  • display96px · 400
  • heading36px · 400
  • body14px · 400

大写导航与侧边栏标签构建强烈的几何韵律。 · 超大展示文字与重叠插画产生物理交互。 · 几何无衬线体与打字机风格衬线体混用,增添编辑气质。

04

间距

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

宽松舒展的节奏,侧边留有充足填充(64像素)以框定编辑内容。

05

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

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

rgb(191, 179, 59) 6px 6px 0px 0px

06

布局

1280container
12columns
32pxgutter
768 / 1024breakpoints

类砌体拼贴式布局,文字与定制插画物理重叠,突破标准网格边界。

07

动效与交互

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

基础交互采用标准220毫秒状态过渡。

全局显示自定义浇水壶光标,替代默认指针。 · 交互元素采用标准指针状态。

08

组件

  • button 带粗实线边框与偏移背景阴影的文本链接,营造触感十足的3D按钮效果。
  • card 以独特背景色矩形或描边框架定义的内容块,常与剪贴插画层叠。
  • chip 小型大写文字标签,用于分类或导航,依靠字体而非填充容器。
  • input 极简无边框搜索交互,嵌入主导航标题栏。
  • hero 动态超大字体构图,标题在插画书架间拼写品牌名称。

09

文案语气与禁用清单

  • 语气 趣味、鼓舞人心且温暖权威。
  • 标题风格 粗犷、对话式且字体表现力强。
  • 按钮文案 采用实线边框与触感阴影框定,模仿实体按钮。
  • 避免使用干净空白的极简主义——截图显示为密集的图文重叠拼贴。
  • 避免使用细微阴影——截图显示为粗厚的6像素偏移块状实心阴影。
  • 避免使用深色模式或厚重渐变——截图显示为浅色近白画布搭配纯色粉彩。
  • 避免使用标准UI网格布局——截图显示为图文物理重叠突破边界。
  • 避免全局使用标准系统光标——截图显示为自定义浇水壶光标。
  • 避免使用纯字体CTA按钮——截图显示为带实心偏移背景填充的描边框。
  • 避免: 临床式冰冷感
  • 避免: 过度正式的企业语言
  • 避免: 极简空白
  • 避免: 标准UI组件模式

10

包内真实截图

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

11

System Prompt

此设计是面向植物爱好者的温暖趣味编辑平台,基于近白色画布(#FFFEF9),以醒目的黄绿色调金色(#BFB33B)和深墨色(#222222)为特色。采用几何无衬线体与打字机风格衬线体的动态混排。布局采用密集重叠拼贴手法,超大文字与定制插画物理交互,突破标准网格边界。交互特色为自定义浇水壶光标与按钮上的粗厚实心块状阴影。关键约束:绝勿使用深色模式、最小空白或细微写实阴影。始终保持趣味、插画感、拼贴式的编辑特质。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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