mydealz 的页面是一台高密度优惠引擎：冷灰画布（#f3f5f7）上堆叠白色优惠卡，每张卡把缩略图、价格、折扣和社区信号压进 16px 内边距。品牌绿 #30a83c 同时统治价格与「Zum Deal」胶囊按钮，红 #ce1736 与蓝 #034eb1 组成的温度计把省钱变成投票；Averta CY 只用 500/700 两个字重，按钮与搜索框一律 540px 全圆角。
mydealz电商与零售
提示词模板
基础模板
Design a mydealz-inspired interface. - A cool-gray canvas (#f3f5f7) carrying a dense stack of white deal cards separated by 1px hairlines; - Brand green (#30a83c) on every price and every primary 'Zum Deal' pill; - The signature temperature control: cold-blue (#034eb1) down-vote, hot-red (#ce1736) reading and up-vote, always paired; - Fully-round 540px pills for buttons, search, filters and temperature, while content cards stay at 8px; - Averta CY at only two weights -- 500 for reading, 700 for prices, labels and temperatures; - Mint discount badges (#defde4) and a cool-gray timestamp pill keep the card scannable. Colors: #30a83c, #f3f5f7, #ce1736, #034eb1, #defde4 with #30a83c accent. Typography: Averta CY, 500/700.
变体提示词
📱 移动端
Design a mobile deals app with mydealz aesthetics. Single-column white cards on #f3f5f7, green price pills, red/blue temperature voting and 540px round controls. Dense but tappable.
💻 Web端
Design a web app with mydealz style. Feed plus right sidebar, #30a83c action pills, hairline cards and a scannable discount vocabulary. High-density, responsive.
📊 仪表板
Design a dashboard with mydealz design language. Cool-gray shell, #30a83c metrics, red/blue sentiment indicators and compact 8px cards. Fast to scan.
📄 落地页
Design a landing page with mydealz visual identity. #30a83c conversion pills, deal-card proof points and a playful frog mascot moment. Energetic, conversion-focused.
使用示例
mydealz 优惠信息流
Web 端Build a deals community web app with mydealz design language and the #30a83c price system.
mydealz 社区仪表板
仪表板Create a community moderation dashboard using mydealz style with red/blue temperature signals and dense 8px cards.
✅ 适合场景
- 优惠券与比价社区
- 电商大促信息流
- UGC 折扣内容平台
❌ 不适合场景
- 高端奢侈品官网
- 极简阅读型博客
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。