🪴
收养故事
一盆被遗忘的龟背竹
它在写字楼的角落待了三年,叶片蒙尘,无人浇水。主人搬走时差点把它扔进垃圾桶。 我们接手的那天,它只剩两片发黄的叶子。三个月后,新芽冒出来——像一句迟到的承诺,终于在春天兑现。
阅读更多故事全市范围预约上门,不收一分钱。只要你愿意放手,我们就愿意接手。
园艺师一对一照护,从修剪、换盆到病虫害处理,让虚弱的生命重新扎根。
城郊的治愈田园,充足的阳光与通风,是植物们安静的疗养院。
它在写字楼的角落待了三年,叶片蒙尘,无人浇水。主人搬走时差点把它扔进垃圾桶。 我们接手的那天,它只剩两片发黄的叶子。三个月后,新芽冒出来——像一句迟到的承诺,终于在春天兑现。
阅读更多故事复制下面这段 prompt(自带本风格全部配色、字体、圆角参数),粘贴给任意大模型即可。无需联网。
请用以下设计规范,生成一个前端工程。
【风格】治愈田园 healing-pastoral
【调性】治愈、温润、克制、自然、真诚
【设计令牌 · 配色】
- 主色 #4A6B47(自然绿),辅色 #C9A961(暖金)
- 背景 #FAF8F2(米白),卡片 #FFFFFF,描边 #E5E0D5
- 正文 #2C3326(深橄榄黑),次级文字 #5C6657
- 语义色:成功 #3A9D5D / 警告 #E8A33D / 错误 #D9534F / 信息 #5B8FB9
【设计令牌 · 字体】
- 标题:Noto Serif SC(宋体衬线)
- 正文:PingFang SC(黑体)
【设计令牌 · 形状】
- 圆角:小 10px / 中 18px / 大 28px / 全圆 9999px(偏圆润柔和)
- 阴影:0 8px 32px rgba(74,107,71,0.12)(带绿调柔散)
【设计令牌 · 间距与动效】
- 页面边距 24px,区块间距 80px(偏疏朗,大量留白)
- 动效:200ms/400ms/800ms(舒缓),回弹 cubic-bezier(0.34,1.4,0.64,1)
【文案语调】诗意短句 + 口语化行动指引
- 标题用对仗短句(如"人间惜草木,花开不辜负")
- emoji 规则:每区块至多 1 个,仅作小标题前缀点缀,禁用于正文
【技术要求】(按目标平台选择,默认 H5 移动端)
- 单位 vw(设计稿 375,换算 px ÷ 375 × 100 = vw)
- CSS 令牌驱动:tokens 写进 :root 变量,组件用 var() 引用
- 文件结构:assets/css/{tokens,base,components}.css 三层分离
- 点击热区 ≥ 44px;1px 边框高 DPI 屏用 scaleY(0.5)
【模块顺序】hero → intro → value_props → story → social_proof → cta
【内容】[描述你要做的页面/业务]
【硬性要求】
1. 所有颜色值必须用上面给定的,不自创颜色,全部定义为 CSS 变量
2. 所有尺寸引用令牌阶梯(圆角/间距/字号),不写魔法数字
3. 文案必须遵循上述语调,标题用对仗短句
4. 逐条满足技术要求中的约束
5. 视觉风格可参考在线 demo:https://template.qimuxu.com/demos/healing-pastoral/