11 / 15

自然有机

鼠尾草绿、陶土色和燕麦色,配上柔和的鹅卵石形状。质朴、平静、真诚。

  • 瑜伽与身心健康
  • 有机食品
  • 植物店
全屏预览 (在新标签页打开)

示例商家均为虚构。

AI 提示词

把我的页面改成「自然有机」风格:质朴、平静、真诚,像清晨的农夫市集。 配色:背景 #EEF0E5(浅鼠尾草绿),表面 #F8F8F1(燕麦色),正文 #2F3A2B(森林绿),次要文字 #5F6857;强调色 #A65E3A(陶土色)用在按钮和价格(用作小字时加深到 #934F2E);形状用叶绿 #9DB08A 和沙色 #E3D5BC。 字体:标题用 Lora 中等字重,其中一个词用斜体,行高 1.1。正文用 DM Sans 16px,行高 1.7。中文标题用思源宋体(500),正文用思源黑体;中文不要用斜体,也不要收紧字距。 布局:图片用鹅卵石和叶子形状的遮罩(不对称圆角,例如 58% 42% 46% 54% / 52% 48% 52% 48%);首屏有互相重叠的有机形状;宽边距;用手绘线条或植物素描做分隔。 组件:卡片圆角 22px,1px #D8DCCB 边框,不用硬阴影;背景加一层淡淡的纸张颗粒质感。主按钮陶土色配燕麦色文字、胶囊形;次按钮用森林绿描边。成分或功效图标用细线风格。 动效:温和:线条自己画出来,图层缓慢视差漂移,颜色缓慢“呼吸”,500–700ms ease-in-out。 避免:霓虹或电光色、亮面效果、锐利的几何网格、大面积纯黑。

投稿创意

看到想收录的动效或主题?简单描述一下,会打开一个预先填好的 GitHub Issue,确认后即可提交。

你想投稿的是?

需要 GitHub 账号,投稿内容会公开。