DESIGN SYSTEM PREVIEW

Care Warm 暖心衛教

面向一般民眾的溫暖衛教系統 — 柔珊瑚 · 鼠尾草綠 · 奶油底 · 大圓角 · 低焦慮語氣

🌿

Core Palette 核心色票

柔珊瑚
#F2967D
鼠尾草綠
#8FA98C
溫柔蜜桃
#FBD8C5
溫暖沙棕
#E8C4A0
奶油底
#FFF8EF
暖墨棕
#4A3B34
柔陶土紅
#C97B63

Semantic Colors 語意色（柔化版）

危險/警示一律柔化語氣，重要但不嚇人。

🌿 建議/安心 🔔 留意 💭 需注意 💡 資訊

Typography 字體規範

H1 — Baloo 2 700 + Noto Sans TC

寶寶發燒了，怎麼辦？

H2 · 1.75rem

三個居家照護小撇步

Stat Emphasis — 圓形色塊圈住數字
10/8

10 位家長有 8 位第一次都會慌 — 你不孤單

Body — Noto Sans TC · 17px · line-height 1.85

正文全面使用 Noto Sans TC 保持長句好讀。連結是柔珊瑚色，hover 有溫柔的膠囊背景，語氣口語化、第二人稱、鼓勵式。

Buttons 按鈕

Hover：柔和陰影加深 + 上浮 2px，無旋轉，穩定的溫暖感

Icon Tags 圖示標籤

🤗
安心陪伴
🌡️
量體溫
💧
多喝水

Info Cards 資料卡

🛁

溫水擦拭

用微溫的水輕輕擦拭額頭、腋下，幫助散熱降溫。

💧

少量多次喝水

發燒容易脫水，鼓勵孩子少量多次補充水分。

😴

充足休息

讓孩子在舒適的環境中好好休息，觀察精神狀況。

Step Flow 步驟流程

1

先別慌，量個體溫

用耳溫槍或額溫槍確認實際體溫，記錄下量測時間。

2

觀察孩子的精神狀況

比起數字，孩子還能不能玩、能不能喝水更重要。

3

需要時再用藥

依醫師指示使用退燒藥，不需要看到發燒就馬上吃藥。

Gentle Alert Boxes 溫柔警語框

🌿 建議大部分發燒都是身體正在對抗感染的正常反應，不用過度緊張。
🔔 留意如果發燒超過 3 天沒有改善，建議帶孩子回診追蹤。
💭 需注意三個月以下的寶寶發燒，或出現嗜睡、抽搐，請儘快就醫評估。
💡 資訊退燒藥的作用是讓孩子舒服一點，不是治療感染本身的藥物。

Infographic Demo 衛教圖示範

🤒

寶寶發燒照護三步驟

陪伴孩子度過發燒的第一個 24 小時，你可以這樣做

🌿 這樣做溫水擦拭、少量多次喝水
💭 這樣要注意超過 3 天未退或活力變差
溫柔陪伴，一起照顧好孩子 · @clinic_care

Color Reference 色彩對照表

色彩Hex角色
柔珊瑚#F2967DPrimary — CTA、標題強調
鼠尾草綠#8FA98CSecondary — 安心語意
溫柔蜜桃#FBD8C5Accent — 卡片底色、hover
溫暖沙棕#E8C4A0Tertiary — 分隔裝飾
奶油底#FFF8EF畫布底色
柔陶土紅#C97B63Caution — 柔化版警示