溫暖
理解真正的焦慮,但不販賣焦慮。
安心吃,
自由玩。
BRAND ESSENCE
我們不是把旅程塞滿,而是把不確定先拿掉。
相信旅遊把查餐廳、確認飲食、安排路線與合法交通等繁瑣細節先整理好。品牌的每一個接觸點,都應該讓人感到:有人懂我,而且事情已經被好好處理。
理解真正的焦慮,但不販賣焦慮。
先說結論,價格與流程不含糊。
真實資料、專業經驗、人工確認。
用留白與層級,不用裝飾堆砌信任。
LOGO SYSTEM
金橘是出發時的陽光,青綠是安心抵達。雙環流線同時是一條路、一個定位點,也是被好好照顧的旅伴。
深色背景使用白色反白版本
不可拉伸或壓縮
不可任意改色
不可增加陰影
不可旋轉或拆解
官方 Logo 資產
COLOR SYSTEM
品牌色不靠濃重佔滿畫面,而是在暖米白與大量留白中準確出現。Logo Teal 負責識別,Deep Teal 負責可讀性。
#499F94
RGB 73 159 148品牌識別/焦點#357970
RGB 53 121 112標題/主要操作#F6AD3C
RGB 246 173 60Logo/深底高光#A97F2C
RGB 169 127 44編號/細線#FAF8F3
RGB 250 248 243主背景#1C1C1A
RGB 28 28 26正文/資訊正常文字使用 Ink 或 Deep Teal。淺底小型金色文字改用 Accessible Brass #8D6924;深底小型金色文字改用 Gold Tint #FFF0C5。
TYPOGRAPHY
旅途有風景,
也有被照顧的細節。
清楚的文字讓旅客更快做決定。正文保持自然、克制與足夠行距,數字與價格則必須一眼讀懂。
ABCDEFGHIJKLMNOPQRSTUVWXYZ · 0123456789品牌宣言
頁面主標
章節標題
內容標題
重要引言
正文與介面
眉題與註解
大標題維持 1–3 行;正文每行約 28–38 個中文字。內容以左對齊為主,只有短標語、數據或儀式性畫面可置中。
LAYOUT & SPACING
以 4px 為基礎單位,桌面採 12 欄、平板 8 欄、手機 4 欄。大區塊用清楚的節奏分開,不依賴卡片與陰影製造層級。
1440
MAX PAGE20 / 32 / 48Mobile / Tablet / Desktop gutter
72–160Section rhythm
12 / 20 / 32Control / Card / Image radius
PHOTOGRAPHY
路線、餐廳、車款與服務證據優先使用可追溯的真實照片。自然光、暖色高光與環境層次,讓旅客看見一趟真的能發生的旅程。



自然光、真實地點、材質清楚、構圖有呼吸空間。
過度 HDR、廉價庫存照、塑膠感食物、生成圖冒充旅程證據。
DIGITAL EXPERIENCE
介面不只是好看,它要替旅客降低理解成本。同一畫面只有一個主要行動,狀態清楚、焦點可見、手機也能舒服操作。
180ms微互動
250ms元件轉場
600ms區塊出場上限
44px最小觸控目標
VOICE & COPY
先說結論、用台灣旅客熟悉的語言,具體交代流程與限制。尊重不同飲食習慣,不用標籤定義人。
吃素去日本玩很麻煩,我們都懂。
日本素食沒你想的少,難的是這兩件。
告訴我們每位旅伴的飲食習慣。
請選擇同行者的素別。
精選行程可於一個工作天內提供報價。
立即取得最優惠完美行程。
飲食習慣 · 旅伴 · 精選行程 · 人工確認 · 專業司機
素別 · 地接 · 日本團隊確認中 · 純包車 · 全網最低價
AGENT PROTOCOL
品牌規範不是參考圖,而是產出前必讀的執行條件。Markdown 提供決策邏輯,JSON 提供可直接使用的設計 tokens。
先讀 CI 與 tokens
確認任務層級與事實來源
沿用現有元件與核准資產
同時檢查桌面、手機與無障礙
品牌 token 有變更就同步所有規範
BEFORE UI OR COPY WORK:
1. Read /public/brand/BE-LIVE-CI.md
2. Load /public/brand/brand-tokens.json
3. Reuse approved logo, photos and components
4. Do not invent colors, facts or brand language
5. Validate responsive + WCAG AA
6. Sync CI when global tokens change不重畫 Logo · 不另創主色 · 不用藍紫 AI 漸層 · 不用生成圖冒充真實旅程 · 不同步 CI 就不改全站品牌 token
相信旅遊 · BE.LIVE TRAVEL