資訊層級要比裝飾重要,顧客必須快速理解下一步。
DREAM MAKERS BRAND GUIDE
讓每一個接觸點,
看起來都來自同一個品牌。
這份規範統一網站、社群、簡報、活動與團體服的基本視覺語言。現階段以清楚、可執行為主,待主 Logo 正式定稿後再升級完整識別手冊。
視覺傳達任務、突破、升級與向前推進,不做靜態企業感。
遊戲風可以有張力,但不能犧牲可讀性、專業感與真實性。
01 Logo System
Logo 使用原則
中文與英文 Logo 目前為方向初版;正式商標、印刷與長期使用前,仍需完成向量重製與細節定稿。


Logo 周圍至少保留相當於 Logo 高度 15% 的空白,不貼近文字、邊框或裁切線。
數位版建議寬度不小於 220px;印刷版不小於 55mm,避免細節與副標消失。
優先使用深藍、黑色或乾淨淺色背景;避免複雜照片直接穿過 Logo。
網站小尺寸位置暫用「DM」文字方塊。不得使用已放棄的 D 字圓形徽章。
「品牌識別/延伸設計」內所有檔名以「02_品牌徽章」開頭的版本僅保留設計紀錄,不屬於正式品牌識別。
02 Color Palette
品牌色彩
深藍建立可信與科技感,電光藍代表探索與工具,橘金只用於行動、重點與成長成果。
#050B20主背景、頁首、深色區塊
#00AAFF連結、邊框、輔助能量
#FF9F1C主要按鈕、數字、重點
#EEF4FB淺色背景、資訊區塊
#161412淺底文字與正式資訊
#FFFDF9卡片與內文背景
橘金不是大面積底色。若整頁都在發光,重點就等於不存在。
03 Typography
字體與資訊層級
思源黑體/Noto Sans TC
網站、簡報與長文優先使用。沒有安裝時依序使用 PingFang TC、Microsoft JhengHei、系統黑體。
System Sans / Bold
英文標籤使用大寫、粗體與較寬字距;數字可加大呈現任務編號與價格。
45–76px / 90034–52px / 90022–30px / 800–900內文以清楚閱讀為優先,避免使用斜體、描邊字或過度壓縮的遊戲字型。
14–18px / 400–70004 Visual Direction
遊戲化,但不是遊戲介面堆砌。
核心語言是任務、關卡、突破與升級。每個裝飾都應該支援資訊層級或行動,不是只為了看起來華麗。

深藍場景、冷暖對比、明確焦點與足夠文字空間。

可使用任務標籤、能量線與速度感,但標題仍需第一眼可讀。

保留單一主訊息與一個行動,不同時塞入所有方案內容。
05 UI Components
網站與數位元件
按鈕文字:使用具體動詞,例如「開始檢測」「查看方案」「提出詢價」,避免只寫「更多」。
卡片數量:同一排以 3–4 張為主;手機版改為單欄。
圓角:主要卡片 18–24px、按鈕膠囊形、輸入欄位 10–12px。
動效:只做輕微上移、位移與發光,不使用持續閃爍或干擾閱讀的動畫。
06 Don'ts
避免這些使用方式
Logo 與圖像必須等比例縮放。
維持深藍、藍、銀白與橘金系統。
必要時加深色遮罩或乾淨底板。
發光只用於邊緣與重點,不應降低字體清晰度。
小尺寸請改用暫時的 DM 文字識別。
D 字圓形箭頭方案已停止,不能當正式品牌圖示。
Before Publishing
發布前檢查
- Logo 是否清楚、等比例並保留安全距離?
- 畫面是否只有一個最主要的行動?
- 橘金是否只用於重點,而不是大面積濫用?
- 遊戲裝飾是否沒有影響文字可讀性?
- 手機版文字、按鈕與圖片是否仍然清楚?
- 是否誤用了已放棄的徽章或未定稿素材?