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 程式設計工具使用。