Design System Preview

🌴 Minimax 島嶼手感

Cozy Island-Craft Design System — 暖米紙面・熱帶綠意・咖啡棕招牌字・藥丸形按鈕

🎨 Core Palette 核心色票

Warm surfaces, leafy brand green, cheerful accent bursts

暖米紙面
#FBFAF1
薄荷輕語
#EAF7EF
熱帶綠意
#008160
深林濃綠
#00684D
咖啡棕墨
#574A30
陽光橘黃
#E29A2B
珊瑚夕陽
#F4785C

✍️ Typography 字體規範

H1 — Zilla Slab 700 · clamp(2rem, 4vw, 2.75rem)

歡迎登島 Welcome Ashore

H2 — Zilla Slab 700 · 1.75rem

今天想探索哪個角落？

H3 — Zilla Slab 600 · 1.375rem

社群工具箱 Community Toolkit

Body — Libre Franklin 400 · 16px · line-height 1.7

Libre Franklin 負責撐起長文與密集控制項的可讀性，連結用熱帶綠意，hover 時轉為深林濃綠並浮現底線。

🔘 Buttons 按鈕

Hover：translateY(-3px) scale(1.03) + 彈跳 easing，箭頭同步右移 — 像被海風輕輕托起

🏷️ Tags & Badges 緞帶徽章

✅ 已完成 🕓 進行中 🪸 精選新品 🌿 官方推薦

🗂️ Island Signboard Cards 島嶼招牌卡

🌿

社群公告板

發布公告、收集意見回饋，讓每個成員都能輕鬆跟上節奏。

已上線
🍃

興趣小組

依主題自動分組，陌生人也能因為共同興趣快速熟起來。

Beta 測試中
🌱

新手上手引導

三步驟完成設定，第一次使用也不會迷路。

全新改版

🏝️ Signature — Ribbon Signboard 招牌元件

島上熱門 Popular
🌴

市集廣場 Marketplace Plaza

手作商品、二手交換、揪團優惠，一個溫暖不擁擠的市集角落，讓交易也能像跟鄰居聊天一樣輕鬆。

📖 Color Reference 色彩對照表

色彩Hex角色
暖米紙面#FBFAF1頁面/面板底色
薄荷輕語#EAF7EF次要區塊底色
熱帶綠意#008160主要操作、連結、品牌強調
深林濃綠#00684D高強調按鈕、focus 狀態
咖啡棕墨#574A30標題、主要按鈕底色
陽光橘黃#E29A2B提醒緞帶、溫暖高亮
珊瑚夕陽#F4785C裝飾強調色塊、活潑點綴