交易平台品牌視覺規範。定義 Signal Orange、交易語義色、Mono 數據聲與發光座艙美學——驅動從行情到成交的每一次觸達。
OpenX 標識由折紙化的 X 記號構成——兩片色帶交疊咬合,象徵開放協議與雙向連結;伴隨的圓點是成交瞬間的信號燈。Signal Orange 實色與漸變填充,傳遞速度與精準。
標識四周需保留至少一個符號高度的淨空,絕不能讓文字、邊緣或其他標識侵入。
低於這些尺寸,符號的鏤空與缺口會開始糊在一起,可讀性明顯下降。
選擇對比度最高的版本。全彩版需要深色或極淺背景;疊在品牌橙或圖片之上一律使用白色版。
只使用主控組件並切換 Color 變體——不可重繪、更改顏色、拉伸變形或添加裝飾。
每個變體提供 SVG(矢量)與 PNG(2048px 透明底)兩種格式
深色優先。一個信號主橙、一組橙→赤→紅的品牌漸變、鄰近的暖色家族與冷調中性灰——每一個色值都是文件中的 Token。點擊任意色塊複製色值。
用於 Hero 與大面積留白背景的分層放射網格漸變——橙色融入赤紅、近乎全黑。已存為 Paint Style,僅用於大面積空白背景,切勿疊在正文之下。
品牌主色(#FE8200 = 500)的深淺變體。400–600 用於互動狀態;800–900 用於深底品牌填色。
品牌橙的暖色鄰居——漸變經過的色系家族。用於插畫、數據系列與漸變節點,不用於大面積 UI 表面。
赤陶與勝紅是次級強調色——用於層次、緊迫感與品牌內 hover;金屬銀是材質點綴。三者面積都須遠低於主色。
冷調灰階——輔助工作色的主力。950 畫布 · 900/800 表面 · 50–300 深底文字。純黑白僅保留給 Logo。
用於疊層、遮罩、邊框與著色狀態的透明度階。疊加在底色之上使用,而非另選一個實色。
別名基礎色、可自動翻轉的工作 Token。
狀態色加上交易漲跌色。警告色維持黃色,避免與品牌色衝突。
分類色盤。品牌橙領銜第一序列;暖色鄰近色與冷色對比維持圖表可讀性。
Orbitron 是科技幾何數字體,用於大號品牌數字與信號球,Inter 撐起標題與正文,Noto Sans TC 承載繁體中文,JetBrains Mono 是「數據聲」——所有價格、百分比、計數器都用等寬,賦予終端座艙的精準感。
桌面 / 官網 / Deck — 顯示層級放大,負字距收緊以保持精密感。
App / 交易座艙 — 緊湊高密度,適配手機與資訊密集的數據界面。
4px 基準單位,最大內容寬度 1200px 居中。Bento 網格是 OpenX 的標誌性佈局——大圓角磚塊承載數據模組。
與 CHAINISLE 的「零陰影」不同,OpenX 擁抱深度與發光——橙色輝光陰影是座艙能量的來源。大圓角(30/22/16px)構成溫暖的 Bento 磚塊。
遵循以下規則維持 OpenX 品牌一致性。