OpenX ONE
Open Your Trading · Build Your Path
開啟您的交易之旅 · 打造屬於您的道路
OpenX ONE 是品牌全稱,日常簡稱 OpenX。我們為交易者提供開放、直接、可信賴的交易入口與工具:不設門檻,數字說話,介面克制。PropX 是目前的主推產品線,沿用 OpenX 的視覺系統。
文案為初稿,待終審定稿。
開放 Open
不設門檻,資訊透明。介面上少一層遮罩、少一次確認,讓人直接看到市場。
精準 Precise
數字是主角。表格化數字、對齊小數點、狀態用色只表示狀態,不做裝飾。
可靠 Reliable
穩定優先,少即是多。深底、克制留白、零過衝的動效,讓注意力留在交易本身。
名稱寫法
| 正確 | 錯誤 | 說明 |
|---|---|---|
| ✓ OpenX ONE | ✕ OpenX One · OpenXONE · OPENX ONE | 全稱。O、X 大寫,ONE 全大寫,中間一個空格。 |
| ✓ OpenX | ✕ Openx · Open X · OPENX | 簡稱,內文可用。X 永遠大寫。 |
| ✓ PropX | ✕ Propx · Prop X · PROPX | 主推產品線,同樣規則。 |
| 中文內文提到品牌一律保留英文原文,不音譯、不加引號。 | ||
標誌檔案
每個變體提供 SVG 向量原始檔,PNG 依原始比例即時輸出(長邊 2048px,透明底)。白色版與黑色版分別只用在深底與淺底上,橘色版兩者皆可。
標誌使用規範
標誌由三部分構成:X 標誌、OpenX 字標、ONE 產品線標識與連接線。三者的比例、間距、對齊皆已固定,只能整體縮放。
安全距離
以標誌的高度為 1X。標誌四周至少保留 0.5X 的淨空,不放任何文字、圖形或畫面邊緣。
最小尺寸
低於最小尺寸時 ONE 與連接線會糊成一條,請改用不帶 ONE 的橫式或單獨標誌。
| 版本 | 螢幕 | 印刷 |
|---|---|---|
| 橫式 OpenX ONE | 高 ≥ 32 px | 高 ≥ 10 mm |
| 橫式 OpenX | 高 ≥ 24 px | 高 ≥ 8 mm |
| 單獨標誌 | ≥ 16 px | ≥ 5 mm |
版本選用
| 底色 | 首選 | 備選 |
|---|---|---|
| 深色底(Neutral 01–05) | 橘標誌 + 白字 | 全白單色 |
| 淺色底(白、Neutral 12、Brand 50) | 橘標誌 + 黑字 | 全黑單色 |
| 照片、影片、複雜底 | 全白單色(加深色遮罩) | 全黑單色 |
| 單色印刷、雕刻、刺繡 | 全黑單色 | 全白單色 |
| 橘色底(Brand 500) | 全白單色或全黑單色 | ✕ 不放橘色版 |
共通原則
- ✓只用本頁提供的檔案,不重畫、不描摹。
- ✓App icon 用圓形版;社群頭像同樣用圓形版,不要自己裁切。
- ✓與其他品牌並列時,視覺高度對齊字標,不對齊標誌。
- ✓輔助圖形只作背景紋理或分隔,單頁出現不超過一次,且不與標誌重疊。
- ✕1000X 為獨立運營品牌,不與 OpenX 標誌並列、不共用視覺。
禁止事項
以下皆為實際檔案套用錯誤處理後的效果色彩系統
以 Brand 500 為錨點。這裡只列日常會用到的階,完整 11 階橘色、12 階灰、8 組輔助色相在 Figma 原檔。點任一色塊複製 HEX。
品牌色 Brand
單屏使用面積建議小於 15%中性色 Neutral
深色模式的背景、表面、邊框、文字語義色 Semantic
只表示狀態,不做裝飾、不做 CTA漲跌色 Market
依用戶所在市場切換,與品牌橘無關中國 · 港澳台 · 日本
紅漲綠跌
美國 · 歐洲 · 國際
綠漲紅跌
色彩使用規範
四條核心規則,加上用算的對比度。正文對比度門檻 4.5:1,大字(≥ 24px 或 ≥ 19px 粗體)3:1。
品牌色用量 < 15%
橘色只用在主按鈕、關鍵數據、選中態與標誌。大面積橘色底只出現在品牌物料,不出現在產品介面。
深色背景三層
頁面 Neutral 01、卡片 Neutral 03、浮起 Neutral 05。避免純黑 #000000,會失去層次。
輔助色只用於分類
Rose、Violet、Sky、Teal 等八組色相用於標籤、分類、圖表。不能表示狀態,不能做 CTA。
品牌色 ≠ 漲跌色
不用橘色表示漲或跌。漲跌只用 Market 色,且依市場切換,避免與品牌強調語義衝突。
對比度速查
WCAG 2.1 相對亮度公式即時計算| 前景 | 背景 | 用途 | 對比度 | 判定 |
|---|
結論:橘底上放白字不達正文標準,主按鈕文字請用 Neutral 01(#0B0B0B)或把字級放大到 19px 粗體以上;淺底上的橘色文字請改用 Brand 800(#994B00)。
字體系統
拉丁字母與數字用 Open Sans,中文以繁體為主用 Noto Sans TC,簡體內容用 Noto Sans SC。三者 x 高度接近,混排時不需要調整字級。
字體堆疊
CSS 直接複製。系統字型作為離線備援。
Google Fonts 載入
| 字重 | Open Sans | Noto Sans TC / SC | 用途 |
|---|---|---|---|
| 700 | Bold | Bold | 標題、關鍵數字 |
| 600 / 500 | SemiBold | Medium | 小標、按鈕、表頭 |
| 400 | Regular | Regular | 正文、說明 |
| 不用 Light(300)與 Italic。中文不做假斜體。 | |||
字級與行高
同一套字級服務網頁與 App,行高中文取 1.6–1.75,純拉丁取 1.3–1.5。
- ✓價格、百分比、時間一律
font-variant-numeric: tabular-nums。 - ✓繁體為主。簡體版本另做,標
lang="zh-Hans"讓瀏覽器選對字型。 - ✓標題不超過兩行;正文每行 30–40 個中文字或 60–70 個拉丁字元。
- ✕不用 Inter、思源宋體或任何襯線字做介面文字。