精选 · 开放 · 免费

Howmanyplants

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

01

设计气质 DNA

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

02

色彩

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

03

字体

geometric-sans · humanist-sans · transitional-serif

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

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

04

间距

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

05

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 趣味、鼓舞人心且温暖权威。
• 标题风格 粗犷、对话式且字体表现力强。
• 按钮文案 采用实线边框与触感阴影框定，模仿实体按钮。

• 避免使用干净空白的极简主义——截图显示为密集的图文重叠拼贴。
• 避免使用细微阴影——截图显示为粗厚的6像素偏移块状实心阴影。
• 避免使用深色模式或厚重渐变——截图显示为浅色近白画布搭配纯色粉彩。
• 避免使用标准UI网格布局——截图显示为图文物理重叠突破边界。
• 避免全局使用标准系统光标——截图显示为自定义浇水壶光标。
• 避免使用纯字体CTA按钮——截图显示为带实心偏移背景填充的描边框。
• 避免: 临床式冰冷感
• 避免: 过度正式的企业语言
• 避免: 极简空白
• 避免: 标准UI组件模式

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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