Visual Identity System
Brand Identity Guidelines v1.0

SERAMONX 品牌識別系統手冊

以極致工程美學與次世代微服務架構為核心,融合六翼羽翎守護與破空刀刃動能。本手冊定義 SERAMONX 官方核心視覺資產、幾何比例、留白邊界、微服務派生架構與跨場景應用標準。

01

品牌哲學與核心意象 (Brand Philosophy)

DNA & Etymology
Sera- · 守護天光

Seraphim 六翼熾天使

源自熾天使的純淨高聳羽冠與凌空雙翼。象徵全球分散式系統的穩固守護、輕盈響應與頂尖智慧雲端的秩序感。

-Mon- · 狂暴動能

Monster 猛獸破空刃

汲取獵鷹收翅與武士刀刃 46° 氣流反曲弧度。象徵面對極限運算負載時的野性爆發力、速度感與劃破瓶頸的工程鋒芒。

-X · 定錨交匯

The Intersection 無限定錨

中央頂天立地的實心 X 骨幹。象徵跨維度生態系中無限可能的交匯點、岩石般堅定不移的系統基石與先鋒精神。

02

官方核心母標 (The Seraph Blade)

Core Mark Specification
The Seraph Blade
幾何形態命名
The Seraph Blade (熾羽之刃)
46° 武士刀反曲破空紋,凝聚守護與極速雙重視覺隱喻。
核心結構構成
三大和風幾何部件
高聳羽冠 (Crest) 中央骨幹 (CoreX) 展翅破空雙翼 (Wings)。
對稱精度標準
Δx = 0.00 px 數學級對稱
左右雙翼與破空縱軸保持絕對軸對稱,展現精密工程的極致嚴謹。
最小清晰極限
16 × 16 px (Favicon / 微圖標)
全標無冗餘微雕,經光學透光優化,在 16px 極微小解析度下依舊立體銳利。
03

專屬定制文字商標 (Custom Wordmark)

Typography & Geometry
SERAMONX Wordmark
字體工藝類型
純向量手工幾何定制
專為科技品牌打造的專屬字符系統,非現成字型排印,具備專利級專屬性。
精密線寬標準
8.5 px 精密等寬線條
8 個字母筆劃完全維持統一等寬光學粗細,呈現當代洗鍊極簡感。
邊界與字高比例
100 px 嚴格等高頂底切齊
所有字元外廓頂緣與基線均維持 100% 絕對水平齊平,無參差失真。
字符節奏特徵
修長比例與飽滿雙弧
首字母 S 呈現流暢飽滿的雙弧張力,與末端鋒利的 X 形成剛柔呼應。
04

官方標準圖文組合 (Brand Lockups)

Standard Configurations

主橫向水平組合 (Primary Horizontal Lockup)

全站官方 Header、網站導覽列、文檔抬頭與數位橫幅之首選標準組合。

Horizontal Lockup
實境應用檢驗 · Navbar 64px 導覽列環境:
Nav Lockup Console
水平呼吸間距
40.00 px 黃金氣流通道
母標右翼尖與文字商標首字母保持嚴格等距淨空,不擠壓氣流感。
垂直對齊基準
文字基線絕對切平母標足尖
以幾何底足建立絕對水平錨線,頂部雙翼順應高度自然昂首展翅。

主縱向垂直組合 (Primary Vertical Lockup)

應用程式啟動畫面 (Splash Screen)、大型品牌海報、旗艦展覽投影之主力標準組合。

Vertical Lockup
實境應用檢驗 · App 啟動畫面 (Splash Screen):
Phone Preview
翼展比例關係
母標翼展佔文字全寬 95%
形成氣勢磅礡的守護頂冠,與底部的平穩文字建構黃金三角構圖。
垂直呼吸間隙
48.00 px 垂直通道
確保母標底足與文字頂緣具備充裕的透氣負空間,避免視覺重疊黏滯。
05

微服務與子品牌延伸架構 (Sub-Brand Architecture)

3-Dimensional Derivation Engine

為了解決雲端微服務矩陣在極微縮(16px / 24px)無文字情境下的產品辨識難題,SERAMONX 確立了「三大延伸維度通用演算法」。旗下任何獨立微服務或工具線,皆依循此決策樹派生專屬標誌,維持 100% 家族基因共鳴。

維度 1:外廓容器系統 (The Container / Pod System)
外廓表業務 · 內核坐母標

核心哲學:母標熾羽之刃 100% 凍結,微縮至 60%~65% 嵌入實心微立體大幾何底座中。外廓輪廓即時傳遞業務語意,極度適合獨立桌面 App、快捷啟動圖標與實體周邊。

地理圖釘 (Map) 地圖與空間導航
齒孔票券 (Pass) 票務與存取憑證
摺角標籤 (Save) 收藏與知識庫
徽飾錢幣 (Ledger) 歷史與交易鏈
磁極底座 (Sync) 即時資料同步
維度 2:筆劃解構重組系統 (Glyph DNA System)
拆解羽刃 DNA · 單一焦點微縮

核心哲學:拆解母標 46° 武士刀刃幾何基因,重新組裝為單一焦點獨立象形符號。線寬一律強制 ≥ 1.5px,在 16px 極微小選單列與系統托盤環境下,具備無與倫比的高清晰度與穿透力。

羅盤星芒 (Geo) 16px 選單列特化
雙刃雷芒 (Burst) 極速高頻運算
雙飛羽刃 (Tag) 輕量書籤標籤
雙刀鳥居 (Gate) API 閘道邊界
圓拱磁弧 (Core) 節點叢集凝聚
維度 3:本體色彩語意系統 (The Chromatic System)
幾何凍結 · 全筆劃順流漸層

核心哲學:熾羽之刃母標幾何外廓 100% 絕對凍結,純粹依託全筆劃順流刀刃漸層 (Blade-Flow Dynamic Gradient) 進行動態業務識別與健康狀態監控。全標垂直無縫咬合,無突兀雜色,滿足 WCAG ≥ 4.5:1 高對比規範。

QuotaBar Chromatic 旗艦服務動態光譜 羽尖綠 腹部金橙 收腰烈紅
QuotaBar Squircle macOS 原生 Squircle 容器 維度 1 維度 3 複合應用範例
06

色彩體系與設計 Token (Color & Design Tokens)

Official Palette

官方標準:純粹黑白雙生 (Monochrome Pure)

哲學定錨:「黑白定錨骨架,色彩下放萬物」。SERAMONX 母標體系堅定維持絕對黑白的高級純粹感,色彩自由度 100% 賦予旗下各子業務體系。

#09090B
Obsidian Black (曜石純黑)
淺色背景下的官方母標主色 · 數位深色介面基礎底色
HEX: #09090B RGB: (9, 9, 11)
#FFFFFF
Aurora White (極光亮白)
深色背景下的官方母標主色 · 數位淺色介面主底色
HEX: #FFFFFF RGB: (255, 255, 255)
07

品牌完整性與使用禁忌 (Integrity & Anti-Patterns)

Strict Guidelines
DO · 正確使用 Correct Usage
維持高對比與原比例
在深黑或純白背景中始終保持原始長寬比與完整呼吸安全邊界。
DON'T · 嚴禁 Distorted Usage
嚴禁任何非等比拉伸
禁止水平或垂直擠壓變形,破壞 46° 氣流反曲幾何的精確動能。
DON'T · 嚴禁 Low Contrast Usage
嚴禁低對比或融色背景
禁止置於灰階中性色或雜亂紋理背景上,必須滿足 WCAG ≥ 4.5:1 對比度。
DON'T · 嚴禁 Rotated Usage
嚴禁旋轉角度或拆解
熾羽之刃必須保持破空垂直指向天際,嚴禁任意傾斜旋轉或單獨挪用零件。