01 · 品牌 Brand

OpenX ONE

Open Your Trading · Build Your Path

開啟您的交易之旅 · 打造屬於您的道路

OpenX ONE 是品牌全稱,日常簡稱 OpenX。我們為交易者提供開放、直接、可信賴的交易入口與工具:不設門檻,數字說話,介面克制。PropX 是目前的主推產品線,沿用 OpenX 的視覺系統。

文案為初稿,待終審定稿。

品牌色 Brand 500
字體
Open Sans · Noto Sans TC
標誌檔案
 個 SVG,可另存 PNG

開放 Open

不設門檻,資訊透明。介面上少一層遮罩、少一次確認,讓人直接看到市場。

精準 Precise

數字是主角。表格化數字、對齊小數點、狀態用色只表示狀態,不做裝飾。

可靠 Reliable

穩定優先,少即是多。深底、克制留白、零過衝的動效,讓注意力留在交易本身。

名稱寫法

正確錯誤說明
OpenX ONE OpenX One · OpenXONE · OPENX ONE全稱。O、X 大寫,ONE 全大寫,中間一個空格。
OpenX Openx · Open X · OPENX簡稱,內文可用。X 永遠大寫。
PropX Propx · Prop X · PROPX主推產品線,同樣規則。
中文內文提到品牌一律保留英文原文,不音譯、不加引號。
03 · 標誌規範 Logo Usage

標誌使用規範

標誌由三部分構成:X 標誌、OpenX 字標、ONE 產品線標識與連接線。三者的比例、間距、對齊皆已固定,只能整體縮放。

安全距離

以標誌的高度為 1X。標誌四周至少保留 0.5X 的淨空,不放任何文字、圖形或畫面邊緣。

0.5X0.5X0.5X0.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 標誌並列、不共用視覺。

禁止事項

以下皆為實際檔案套用錯誤處理後的效果
04 · 色彩 Color

色彩系統

以 Brand 500 為錨點。這裡只列日常會用到的階,完整 11 階橘色、12 階灰、8 組輔助色相在 Figma 原檔。點任一色塊複製 HEX。

品牌色 Brand

單屏使用面積建議小於 15%

中性色 Neutral

深色模式的背景、表面、邊框、文字

語義色 Semantic

只表示狀態,不做裝飾、不做 CTA

漲跌色 Market

依用戶所在市場切換,與品牌橘無關

中國 · 港澳台 · 日本

紅漲綠跌

▲ 漲
+2.45%
#F23645
▼ 跌
-1.20%
#08C68E

美國 · 歐洲 · 國際

綠漲紅跌

▲ 漲
+2.45%
#16A34A
▼ 跌
-1.20%
#DC2626
05 · 色彩規範 Color Usage

色彩使用規範

四條核心規則,加上用算的對比度。正文對比度門檻 4.5:1,大字(≥ 24px 或 ≥ 19px 粗體)3:1。

01

品牌色用量 < 15%

橘色只用在主按鈕、關鍵數據、選中態與標誌。大面積橘色底只出現在品牌物料,不出現在產品介面。

02

深色背景三層

頁面 Neutral 01、卡片 Neutral 03、浮起 Neutral 05。避免純黑 #000000,會失去層次。

03

輔助色只用於分類

Rose、Violet、Sky、Teal 等八組色相用於標籤、分類、圖表。不能表示狀態,不能做 CTA。

04

品牌色 ≠ 漲跌色

不用橘色表示漲或跌。漲跌只用 Market 色,且依市場切換,避免與品牌強調語義衝突。

對比度速查

WCAG 2.1 相對亮度公式即時計算
前景背景用途對比度判定

結論:橘底上放白字不達正文標準,主按鈕文字請用 Neutral 01(#0B0B0B)或把字級放大到 19px 粗體以上;淺底上的橘色文字請改用 Brand 800(#994B00)。

06 · 字體 Typography

字體系統

拉丁字母與數字用 Open Sans,中文以繁體為主用 Noto Sans TC,簡體內容用 Noto Sans SC。三者 x 高度接近,混排時不需要調整字級。

Open Sans · 70056 / 1.05 / −0.03em
OpenX ONE
Open Sans · 60026 / 1.3
Open Your Trading · Build Your Path
Open Sans · 40016 / 1.75
Numbers lead. Interfaces stay quiet. Every color means one thing, and orange means OpenX.
Noto Sans TC · 70026 / 1.3
開啟您的交易之旅 · 打造屬於您的道路
Noto Sans TC · 400 · 繁體為主16 / 1.75
數字是主角,介面保持安靜。每一種顏色只代表一件事,而橘色代表 OpenX。中英混排時中文與英數之間留一個半形空格。
Noto Sans SC · 400 · 簡體內容16 / 1.75
数字是主角,界面保持安静。每一种颜色只代表一件事,而橙色代表 OpenX。
Open Sans · 600 · tabular-nums數字對齊用等寬數字,小數點對齊
42,318.50+2.45% −1.20% USDT

字體堆疊

CSS 直接複製。系統字型作為離線備援。

Google Fonts 載入

字重Open SansNoto Sans TC / SC用途
700BoldBold標題、關鍵數字
600 / 500SemiBoldMedium小標、按鈕、表頭
400RegularRegular正文、說明
不用 Light(300)與 Italic。中文不做假斜體。

字級與行高

同一套字級服務網頁與 App,行高中文取 1.6–1.75,純拉丁取 1.3–1.5。

Display標題 Aa40 / 1.10 / −0.02em
H1標題 Aa28 / 1.25 / −0.015em
H2標題 Aa20 / 1.40
Body正文 Aa 012315 / 1.75
Small說明 Aa 012313 / 1.60
LabelLabel 標籤12 / 1.50 / +0.08em
  • 價格、百分比、時間一律 font-variant-numeric: tabular-nums
  • 繁體為主。簡體版本另做,標 lang="zh-Hans" 讓瀏覽器選對字型。
  • 標題不超過兩行;正文每行 30–40 個中文字或 60–70 個拉丁字元。
  • 不用 Inter、思源宋體或任何襯線字做介面文字。