Brand Guide v1.0|簡易品牌視覺規範返回品牌首頁

DREAM MAKERS BRAND GUIDE

讓每一個接觸點,
看起來都來自同一個品牌。

這份規範統一網站、社群、簡報、活動與團體服的基本視覺語言。現階段以清楚、可執行為主,待主 Logo 正式定稿後再升級完整識別手冊。

01清楚

資訊層級要比裝飾重要,顧客必須快速理解下一步。

02行動

視覺傳達任務、突破、升級與向前推進,不做靜態企業感。

03可信

遊戲風可以有張力,但不能犧牲可讀性、專業感與真實性。

02 Color Palette

品牌色彩

深藍建立可信與科技感,電光藍代表探索與工具,橘金只用於行動、重點與成長成果。

深夜藍#050B20

主背景、頁首、深色區塊

電光藍#00AAFF

連結、邊框、輔助能量

突破橘#FF9F1C

主要按鈕、數字、重點

霧銀白#EEF4FB

淺色背景、資訊區塊

墨黑#161412

淺底文字與正式資訊

暖白#FFFDF9

卡片與內文背景

建議比例
深藍 55%淺色 25%電光藍 12%橘金 8%

橘金不是大面積底色。若整頁都在發光,重點就等於不存在。

03 Typography

字體與資訊層級

中文主要字體

思源黑體/Noto Sans TC

網站、簡報與長文優先使用。沒有安裝時依序使用 PingFang TC、Microsoft JhengHei、系統黑體。

英文與數字

System Sans / Bold

英文標籤使用大寫、粗體與較寬字距;數字可加大呈現任務編號與價格。

HERO TITLE把想法做成真正的生意45–76px / 900
SECTION TITLE從一次釐清,到真正開始。34–52px / 900
CARD TITLE90 分鐘創業診斷22–30px / 800–900
BODY TEXT

內文以清楚閱讀為優先,避免使用斜體、描邊字或過度壓縮的遊戲字型。

14–18px / 400–700

04 Visual Direction

遊戲化,但不是遊戲介面堆砌。

核心語言是任務、關卡、突破與升級。每個裝飾都應該支援資訊層級或行動,不是只為了看起來華麗。

網站 Banner 視覺範例
主視覺

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

頻道封面視覺範例
內容封面

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

社群招募視覺範例
社群招募

保留單一主訊息與一個行動,不同時塞入所有方案內容。

任務感突破向上成長科技感金屬質感高對比

05 UI Components

網站與數位元件

主要行動開始行動

每個畫面最多一個主要橘金按鈕。

次要行動查看方案

深色按鈕用於次要路徑,不能比主要行動更搶眼。

資訊卡片
STEP 01釐清方向

圓角 16–24px、清楚邊框、適量陰影。

按鈕文字:使用具體動詞,例如「開始檢測」「查看方案」「提出詢價」,避免只寫「更多」。

卡片數量:同一排以 3–4 張為主;手機版改為單欄。

圓角:主要卡片 18–24px、按鈕膠囊形、輸入欄位 10–12px。

動效:只做輕微上移、位移與發光,不使用持續閃爍或干擾閱讀的動畫。

06 Don'ts

避免這些使用方式

不要任意拉伸

Logo 與圖像必須等比例縮放。

不要自行改成多色

維持深藍、藍、銀白與橘金系統。

不要放在複雜背景

必要時加深色遮罩或乾淨底板。

不要過度發光

發光只用於邊緣與重點,不應降低字體清晰度。

不要縮得無法辨識

小尺寸請改用暫時的 DM 文字識別。

不要使用放棄的徽章

D 字圓形箭頭方案已停止,不能當正式品牌圖示。

Before Publishing

發布前檢查

  • Logo 是否清楚、等比例並保留安全距離?
  • 畫面是否只有一個最主要的行動?
  • 橘金是否只用於重點,而不是大面積濫用?
  • 遊戲裝飾是否沒有影響文字可讀性?
  • 手機版文字、按鈕與圖片是否仍然清楚?
  • 是否誤用了已放棄的徽章或未定稿素材?