映奧創意品牌規範 Brand Guidelines 2026

品牌核心

Brand Creative Core

映奧創意（IN OUT）正從傳統製片端轉型為「跨領域創意實驗室」。
我們以電影質感的視覺基礎，融合 AI 數位精密感 與 實體場域美學，創造超脫框架的感官體驗。

Brand Origin · 品牌敘事

映，是光影進入鏡頭的瞬間（IN）；奧，是創作釋出世界的時刻（OUT）。
映奧創意＝ IN OUT PRODUCTION STUDIO。「進」與「出」是我們品牌的核心動詞，貫穿整套視覺系統：

標誌的雙框是這個概念的視覺翻譯——白框（外）是世界進入的窗口，紅框（內）是創作向外的射出，兩框 0.2X 的精確錯位代表「光從一端進、影從另一端出」的雙向流動。「映奧」與「IN OUT」不是翻譯，是同一個概念的兩種語言。中文版適用台灣本地語境，英文版適用國際合作場合，兩套商標地位平等、永遠不混用。

中文名稱	映奧創意
正式全名	映奧創意工作室 (用於正式文件、名片資訊區)
英文名稱	IN OUT（品牌短稱 / Lockup 視覺用） / IN OUT PRODUCTION STUDIO（正式英文全名）
品牌定位	跨領域創意實驗室 (Creative Lab)
中文名稱使用	映奧創意：標誌、網站標頭、社群名稱、提案封面。映奧創意工作室：名片資訊區、發票章、報價單、合約、信封收件名。
英文名稱使用	IN OUT：所有 Lockup 視覺商標（icon 旁的英文字）、Email 簽名、社群封面、OG image、簡報範本。 IN OUT PRODUCTION STUDIO：合約英文版、Invoice、海外提案、版權聲明、Footer、官方文件。

標誌規範

Visual Identity

標誌版本 Logo Variants

以下示意以深色背景版呈現，方便統一比較比例與組成。實際應用時請依下方「背景適用規則」切換為深底白框版或淺底黑框版。

圖標版 Icon

橫式版中文 Horizontal CN

直式版中文 Vertical CN

橫式版英文 Horizontal EN

直式版英文 Vertical EN

標誌使用情境 Usage Guidelines

雙語雙版本原則：所有 lockup 都有「中文版」與「英文版」兩套，依使用情境選擇。兩套地位平等，不在同一視覺中混用。

圖標 Icon	社群頭像、Favicon、App 圖示、名片右上角、極小尺寸應用
橫式版中文 Horizontal CN	國內官網 Header、Email 簽名、繁中簡報、提案封面、社群橫幅
直式版中文 Vertical CN	名片背面、提案封面正中央、海報主視覺、繁中印刷品
橫式版英文 Horizontal EN	海外提案 Header、英文官網、Vimeo 影片開頭、英文 Email 簽名、外商合作素材
直式版英文 Vertical EN	海外名片、英文提案封面、英文社群方形貼文、國際展示頁面

背景適用規則 Background Rules

深色背景 (Dark BG)

白框 + 紅框組合。
中文字使用 #FFFFFF，英文字使用 #4B5563。
背景色明度不高於 30%（如 #111111、#0A0A0A）。

淺色背景 (Light BG)

黑框 + 紅框組合。
中文字使用 #111111，英文字使用 #4B5563。
背景色明度不低於 90%（如 #FFFFFF、#F3F4F6）。
禁止放在複雜照片、漸層或中灰色背景上。

技術規格 Technical Specifications

標誌幾何 Geometry

X（基準單位）	紅框外徑邊長 = 1.0X
偏移量	紅框相對白框右下偏移 `0.2X`
圖標 bbox	`1.2X × 1.2X`（含偏移）
圖標中心	`(0.6X, 0.6X)` = 兩框重疊區（0.8X × 0.8X）的中心點 = 紅框中心與白框中心的中點
線條粗細	邊長 × `4.36%`（示例 SVG 中框寬 55，stroke-width = 2.4）
安全區域	標誌四周保留 ≥ `1.0X` 淨空
最小尺寸	螢幕 ≥ `32px`，印刷 ≥ `8mm`

雙語雙版本字組度量 Bilingual Typography Metrics

映奧 lockup 採「中文版」與「英文版」兩個獨立 variant，絕不混用。兩套地位平等，依使用情境選擇。

屬性	中文版 CN	英文版 EN
字串	`映奧創意`	`IN OUT`
字型	Noto Sans TC 700	Montserrat 700
字距	`0.1em`	`0.15em`
橫式字級	`0.5X`	`0.55X` (× 1.1 視覺補償)
直式字級	`0.36X`	`0.4X` (× 1.1 視覺補償)
使用情境	國內官網、社群、繁中提案	海外提案、英文網站、外商合作

👉 設計師日常使用只需上方 6 條規則。SVG / Code 實作者請展開下方「進階對齊公式」。

▸ 進階：對齊公式與推導 Advanced Alignment Formulas （給 SVG 製作 / 程式實作者）

視覺中心係數推導：

CN 0.38：CJK 字元填滿 em box，視覺中心 = em box 中心 = baseline − (typo_ascender 0.88em − typo_descender 0.12em) / 2 = baseline − 0.38 × font-size（Noto Sans TC 700 metrics）
EN 0.35：Latin 大寫字母視覺中心 = baseline − cap_height/2 = baseline − 0.35 × font-size（Montserrat 700 cap-height = 0.7em）

對齊公式：

情境	中文版 CN	英文版 EN
橫式 y	`icon_cy + 0.38 × fs`	`icon_cy + 0.35 × fs`
橫式 anchor	`start`	`start`
橫式 x	`icon 右邊 + 0.3X`（兩語相同）
直式 anchor	`start`	`middle`
直式 x	`icon_cx − 2.15 × fs` 方案 B 手算 visual center 起點	`icon_cx + 0.075 × fs` 補償尾端 LS
直式 baseline	`icon 底 + 0.3X + cap_height`（兩語通用，cap_height = CN: fs / EN: 0.7×fs）

⚠ 為什麼 CN 不能用 text-anchor="middle"：

letter-spacing 會在最後一個字元後加一份尾端空白，使 SVG bounding box 中心向右偏 0.5 × LS × fs。對 CN（4 字 + 0.1em LS）造成 0.05em 偏移，視覺上明顯歪。CN 必須用 start + 手算起點 icon_cx − 2.15 × fs（其中 2.15em = 4 字 visual width / 2，包含 3 個字距但不含尾端空白）。EN 字距較窄、字數較少，尾端 LS 影響可用 +0.075 × fs 補償。

兩語通用對齊規則 Common Alignment Rules

橫式 lockup	`x = icon 右邊 + 0.3X`（icon 與字之間 gap） `y = icon_center_y + (視覺中心係數) × font-size` CN 用 0.38、EN 用 0.35
直式 lockup	`icon 底 → 字頂 = 0.3X`（icon 與字之間 gap）字水平視覺中心對齊 icon 中心 x（0.6X）
共同基準	所有 lockup 都以 `(0.6X, 0.6X)` 為視覺中心對齊基準，禁止用白框中心、紅框中心或視覺估算的其他位置

⚠ 容易踩的坑 Common Pitfalls

不要混用 CN/EN：lockup 視覺中只能出現一種語言。CN + EN 同時出現會破壞視覺平衡
CN 不可用 text-anchor="middle"：letter-spacing 尾端空白會讓 bounding box 中心向右偏 0.05em，CN 必須用 start + 手算 x
不要用 0.5 算 CJK 視覺中心：要用 0.38 × font-size（這是字型 metrics 的 em-box 中心，不是幾何中心）
Lockup 禁用全名 IN OUT PRODUCTION STUDIO：23 字元太長破壞視覺平衡。全名只用於合約、Invoice、版權聲明等非視覺情境（見品牌核心區「英文名稱使用」表格）
螢幕最小線寬：當圖標 < 64px，stroke-width 渲染可能 < 1px，需手動加粗到至少 1px（32px 用 stroke-width 4，20px 用 stroke-width 6）

橫式 Lockup 尺寸示意（中文版）

以紅框外徑邊長為 X，建立圖標、文字與安全區的縮放關係。下圖以中文版示範，英文版套用相同 X 比例，把中文字組換成 IN OUT 即可（細節見技術規格區「英文版字組度量」）。

直式 Lockup 尺寸示意（中文版）

直式版重點在圖標下方的垂直節奏，文字與安全區維持穩定比例。下圖以中文版示範，英文版套用相同 X 比例，把中文字組換成 IN OUT 即可（細節見技術規格區「英文版字組度量」）。

橫式 Lockup 尺寸示意（英文版）

英文版套用 1.1× 視覺補償（EN 字級 0.55X = CN 字級 0.5X × 1.1），文字使用 Montserrat 700。Latin 大寫字母 cap height = 0.7 × font-size，套用補償後 EN cap 視覺高度 = 0.385X（0.55X × 0.7），與 CN 視覺重量相當。

直式 Lockup 尺寸示意（英文版）

直式英文版套用 1.1× 視覺補償（EN 字級 0.4X = CN 字級 0.36X × 1.1），文字使用 Montserrat 700 加 text-anchor="middle" + LS 補償。EN cap height = 0.28X（0.4X × 0.7），文字水平視覺中心精準對齊 icon 中心 x = 0.6X。

橫式 / 直式 Lockup 比例基準

X 定義為紅框外徑邊長。所有文字尺寸與間距都以 X 為比例縮放。
圖標中心 (0.6X, 0.6X)：示意圖中以紅色十字標示，是所有對齊的唯一基準點。詳見上方技術規格條目「圖標中心 Icon Center」。
橫式版：圖標右側到中文字起點距離為 0.3X；中文字高度 0.5X；英文高度 0.15X（中文的 30%）。垂直對齊規則：中文字 cap center ⇆ 圖標中心 (0.6X, 0.6X)，英文掛於中文下方不參與置中計算。
直式版：圖標底到中文字頂部距離為 0.3X；中文字高度 0.36X；英文字高度 0.11X（中文的 30%）。水平對齊規則：中文與英文水平中線 ⇆ 圖標中心水平座標 (0.6X)，三者共用同一條垂直中心軸。
英文字距：統一使用 letter-spacing: 0.15em，維持精緻感。

名片規則

資訊面（正面）：右上角放置圖標 (Icon)，寬度為卡寬的 8%，與上緣、右緣保留 0.65X 安全距離。右下角放置「映奧創意工作室」（正式全名）與統一編號。
品牌面（背面）：使用直式版 Lockup，置中排列，依直式比例規範縮放（中文字高 0.36X、英文字高 0.11X、圖標底到字頂間距 0.3X）。
姓名 18px / Bold，職稱 9px / Montserrat 600（品牌紅）。
聯絡資訊 9px / Montserrat，地址 7px / Noto Sans TC，位於左下。
所有邊界距卡片邊緣保留 35px（以 450×270 示意圖為基準）。

使用規範 Rules

正確比例 (20% 偏移)

禁止旋轉或傾斜

禁止更改品牌色

禁止變形拉伸

色彩系統

Color System

#C8102E

Pantone 186 C

C:2 M:100 Y:85 K:6

#111111

Rich Black

C:60 M:40 Y:40 K:100

#FFFFFF

Pure White

C:0 M:0 Y:0 K:0

#4B5563

Steel Gray

C:45 M:35 Y:35 K:10

使用原則：主色（黑/白）佔比 80% 以上。強調紅用於 CTA 與品牌亮點。中性灰用於次要資訊。

字體規範

Typography

*提示：若您的系統未安裝 Noto Sans TC 或無網路連線，將依序嘗試 PingFang TC、微軟正黑體，最後回退至系統無襯線黑體。英文同理回退至 Helvetica Neue、Arial。

中文品牌字體

映奧創意 Noto Sans TC Bold

英文品牌字體

Montserrat Medium

內文字級規範

螢幕最小 14px / 印刷最小 9pt

替代字體

中文：Noto Sans TC → PingFang TC (蘋方) → 微軟正黑體 → sans-serif
英文：Montserrat → Helvetica Neue → Arial → sans-serif

影像與素材風格

Imagery Style

映奧的視覺語言融合「AI 數位精密感」與「實體場域美學」，所有影像素材應傳達專業、精準、有電影感的品牌調性。

攝影風格 Photography Style

光線 Lighting

優先使用自然光或模擬自然光的人工光源。
方向感明確，避免平光；側光或 Rembrandt 光為佳。
允許適度的陰影與暗面，營造層次與電影感。

色溫與色調 Color Tone

色溫偏中性至微冷（5500K-6500K）。
飽和度控制在 -10% 至 -20%，不要過度鮮豔。
高光保留細節，暗部不死黑。

構圖 Composition

強調幾何線條與對稱感（場地結構、設備排列）。
善用引導線與框架構圖，呼應標誌雙框意象。
人物攝影以環境肖像為主，展現工作場景。

後製原則 Post-production

對比度中高，保持畫面乾淨俐落。
可使用輕微暗角（vignette）聚焦主題。
銳化適度，不過度 HDR。
統一使用品牌 LUT 或一致的調色風格。

影像禁用規範 Imagery Don'ts

禁用高飽和濾鏡

禁用過度 HDR

禁用通用素材庫圖

禁用暖色復古濾鏡

數位品牌識別

Digital Brand Identity

素材尺寸 Asset Dimensions

社群頭像	800 × 800 px (1:1) — 使用圖標版
Facebook 封面	1640 × 624 px
Instagram 貼文	1080 × 1080 px (1:1)
Instagram 限動	1080 × 1920 px (9:16)
YouTube 封面	2560 × 1440 px (16:9)
OG Image (網頁縮圖)	1200 × 630 px — 使用橫式版
簡報 (16:9)	1920 × 1080 px
Email 簽名標誌	輸出檔案 300 × 100 px；實際顯示建議寬度不超過 200 px — 使用橫式中文版

數位應用規範 Digital Usage

Favicon / App Icon

使用圖標版，輸出為 32×32、180×180（Apple Touch）、512×512（PWA）。
深色背景使用白框+紅框；淺色背景使用黑框+紅框。

Email 簽名檔

標誌使用橫式中文版，寬度不超過 200px。
姓名 14px Bold、職稱 12px 品牌紅、聯絡資訊 12px 灰色。
分隔線使用 1px 品牌紅 (#C8102E)。

簡報封面 Lockup

使用圖標版置中，下方搭配提案標題。
背景固定 #111111，標誌與文字使用白色。

社群頭像

使用圖標版，白框+紅框，背景 #111111。
圖標居中，四周留 20% 邊距。

應用範例

Application Examples

Email 簽名檔 Email Signature

CN VERSION · 國內客戶

王大明

Producer

m. +886 912 345 678
e. dm@inout.studio
241新北市三重區光復路二段17巷6號3樓

EN VERSION · 外商客戶

David Wang

Producer

m. +886 912 345 678
e. dm@inout.studio
3F, No.6, Ln.17, Sec.2, Guangfu Rd.,
Sanchong Dist., New Taipei 241, Taiwan

社群頭像 Social Avatar

800 × 800

列表尺寸

留言尺寸

社群封面 Social Cover

CN VERSION

Facebook 封面 1640×624 px

EN VERSION

LinkedIn / Vimeo 1640×624 px

OG Image 網頁縮圖

CN VERSION

中文網站 OG 1200×630 px

EN VERSION

英文網站 OG 1200×630 px

名片應用 Business Card

中文版給國內客戶；英文版給外商客戶與海外合作。背面 lockup 是雙語雙版本的關鍵差異點。

CN VERSION · 國內名片

王大明

製作人 PRODUCER

m. +886 912 345 678
e. dm@inout.studio
241新北市三重區光復路二段17巷6號3樓

映奧創意工作室TAX ID 38509701

EN VERSION · 海外名片

David Wang

PRODUCER

m. +886 912 345 678
e. dm@inout.studio
3F, No.6, Ln.17, Sec.2, Guangfu Rd.,
Sanchong Dist., New Taipei 241, Taiwan

IN OUT PRODUCTION STUDIOTAX ID 38509701

名片規格：90 x 54 mm（請四邊額外預留 2mm 出血）。EN 版資訊面文字使用 Montserrat，正式英文全名 IN OUT PRODUCTION STUDIO 出現於統編區作為公司全名標示。

簡報模板與信封

簡報封面只用圖標版，雙語通用。信封依寄件對象選用中文版或英文版。

PROPOSAL TITLE

CN · 國內信封

映奧創意工作室收

EN · 海外信封

IN OUT PRODUCTION STUDIO