1000X · Internal Brand Guidelines
Brand Guidelines v1.0

1000X
Brand System

交易與轉化體系的品牌視覺規範。定義 Signal Orange、交易語義色、Mono 數據聲與發光座艙美學——驅動 KOL 從內容到交易型 IP 的執行引擎。

June 2026 — Trading Cockpit Identity
01 Logo 品牌標識 02 Colors 色彩系統 03 Typography 字體排版 04 Spacing 間距網格 05 Elevation 層級圓角 06 Components 組件 07 Do's & Don'ts 規則
Colors

Color System

以品牌色 #E65100 為錨點。11 階橙色、12 階中性灰、四組狀態色(浅/标准/深)、8 色相辅助色盘,涨跌色按市场切换。點擊任意色塊複製色值。

01 / 主色 — Signal Orange 信號橙
#E65100
品牌主色 · 600 ★
#E65100
RGB
230, 81, 0
HSL
21°, 100%, 45%
深色模式 · 500
#FF6B00
按下 · 700
#BF4300
橙色色階 · 11 階(600 為品牌錨點,單屏面積 <15%)
50100200300400500600★700800900950
50#FFF4EC
100#FFE4CC
200#FFC399
300#FFA266
400#FF8533
500#FF6B00
600★#E65100
700#BF4300
800#993600
900#6B2600
950#401700
灰色色階 · 12 階 — 背景 / 表面 / 邊框 / 文字
121110090807060504030201
12#FFFFFF
11#989BA6
10#6E6E79
09#5C5C66
08#4D4D56
07#3F3F47
06#34343B
05#2C2C32
04#252528
03#1D1D21
02#131316
01#0C0C0E
12 主文字 · 11 二级文字 · 10 三级文字 · 07 边框 · 06 分隔线 · 03 卡片背景 · 01 最深底
狀態色 · 語義色 — 每組三階(浅/标准/深)
成功 Success
浅 #D1FAE5
标准 #10B981
深 #047857
警告 Warning
浅 #FEF3C7
标准 #F59E0B
深 #B45309
錯誤 Error
浅 #FEE2E2
标准 #EF4444
深 #B91C1C
信息 Info
浅 #DBEAFE
标准 #3B82F6
深 #1D4ED8
輔助色相 · 8 色相 × 9 階(標準錨定 500)— 僅用於分類 / 標籤 / 數據可視化
玫紅 Rose
500
品紅 Magenta
500
紫羅蘭 Violet
500
靛藍 Indigo
500
天藍 Sky
500
青色 Teal
500
嫩綠 Lime
500
檸黃 Yellow
500
漲跌色 · 分市場切換 — 絕不能用品牌橙表示漲跌
中國 / 港澳台 / 日本 — 紅漲綠跌
▲ 漲 · #F23645
+2.45%
▼ 跌 · #08C68E
-1.20%
美國 / 歐洲 / 國際 — 綠漲紅跌
▲ 漲 · #16A34A
+2.45%
▼ 跌 · #DC2626
-1.20%
核心規則 · 使用規範
01
品牌色用量 <15%
品牌橙單屏使用面積不超過 15%。僅用於主按鈕、關鍵數據、選中態。
02
深色背景三層級
頁面 #0A0A0A · 卡片 #171717 · 浮起 #262626。避免純黑,會失去層次。
03
輔助色僅用於分類
輔助色用於分類、標籤、數據圖表,不能用作狀態反饋或主要 CTA。
04
品牌色 ≠ 漲跌色
不要用品牌橙表示漲跌,與漲跌語義衝突,會讓用戶認知混亂。
Typography

Type System

Orbitron 是 Logo 字體(科技幾何,用於「1000X」),Inter 撐起標題與正文,Noto Sans TC 承載繁體中文,JetBrains Mono 是「數據聲」——所有價格、百分比、計數器都用等寬,賦予終端座艙的精準感。

ORBITRON
Logo 字體 — 「1000X」品牌字 / 大號品牌數字 / 信號球
1000X   0123456789   ABCDEFGHIJKLM
Inter
Display + Body — 英文 / 標題 / 正文(Regular / Medium / Semi Bold / Bold / Extra Bold)
ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789 &→!
Noto Sans TC
繁體中文 — 標題 / 正文 / 說明(1000X 用繁體,有別於 CHAINISLE 簡體)
交易與轉化體系 真實交易員 可持續收益 從內容到交易型 IP
JetBrains Mono
數據聲 — 價格 / 百分比 / 計數器(Medium / Bold / Extra Bold)
0123456789 +12.4% -3.27% $1,000X

Inter — Web 桌面端字級 参考 CHAINISLE 放大比例

桌面 / 官網 / Deck — 顯示層級放大,負字距收緊以保持精密感。

Text StyleSizeLine HeightWeight
Display / Hero72px76pxExtra Bold
Heading / H148px54pxBold
Heading / H236px44pxSemi Bold
Heading / H324px32pxSemi Bold
Body / Large20px30pxMedium
Body / Regular16px26pxRegular
Caption / Regular14px20pxRegular

Inter — App 移動端字級 Figma 原生規範

App / 交易座艙 — 緊湊高密度,適配手機與資訊密集的數據界面。

Text StyleSizeLine HeightWeight
Heading / Display34px41pxExtra Bold
Heading / H128px34pxBold
Heading / H222px28pxSemi Bold
Heading / H318px24pxSemi Bold
Body / Large17px24pxMedium
Body / Regular15px22pxRegular
Caption / Regular13px18pxRegular
Footnote / Regular11px16pxRegular

JetBrains Mono — 數字層級

Text StyleSizeLine HeightWeight
Number / Balance40pxAUTOExtra Bold
Number / Price24pxAUTOSemi Bold
Number / Small15pxAUTOMedium
Spacing & Layout

Spatial System

4px 基準單位,最大內容寬度 1200px 居中。Bento 網格是 1000X 的標誌性佈局——大圓角磚塊承載數據模組。

xxs
4px
xs
8px
sm
12px
md
16px
lg
24px
xl
32px
xxl
48px
section
80px

Breakpoints

Mobile
< 768px — 單列,Bento 堆疊
Tablet
768 – 1024px — 2 列 Bento
Desktop
> 1024px — 完整 Bento 網格
Elevation & Shape

Depth & Radius

與 CHAINISLE 的「零陰影」不同,1000X 擁抱深度與發光——橙色輝光陰影是座艙能量的來源。大圓角(30/22/16px)構成溫暖的 Bento 磚塊。

L0 Flat
底面
L1 Hairline
1px 描邊
L2 Shadow
深色投影
L3 Glow
橙色輝光

Border Radius — 大圓角暖 Bento

xs
12px
sm
16px
md
22px
lg
30px
pill
9999px
Components

UI Components

按鈕用 12px 圓角(交易界面的精準鋒利),數據組件用 JetBrains Mono,綠漲紅跌貫穿所有價格信號。

Buttons

btn-signal

主色填充 + 橙光 hover — 最強 CTA

btn-outline

描邊 — 次級操作

btn-surface

暖磚填充 — 三級操作

btn-ghost

純文字 — 導航 / 鏈接

Bento Cards

Surface 卡片
標準承載磚,1px 描邊,16px 圓角。Bento 網格的基礎單元。
Elevated 浮起磚
中性浮起底色 #202027,用於層級疊加的嵌套模組。
Glow 發光磚
橙色輝光陰影,座艙核心模組的標誌性深度。

Trading Data 交易數據組件

綠漲紅跌 + JetBrains Mono 數據聲

Total PnL
+847.2%
▲ +12.4%
Win Rate
68.4%
▲ +2.1%
Drawdown
-3.27%
▼ -0.8%
Active KOL
1,247
▲ +38

Status Chips 狀態膠囊

▲ LONG 多 ▼ SHORT 空 ⚠ RISK 風控 ● INFO 信息

Signal Orb 發光信號球

1000X
Guidelines

Do's & Don'ts

遵循以下規則維持 1000X 品牌一致性。

Do 應該

用 Signal Orange #E65100 實色作為唯一品牌電壓色。
綠漲紅跌貫穿所有價格 / 收益信號。
所有數字 / 百分比 / 計數器用 JetBrains Mono。
用大圓角(30/22/16px)構成暖 Bento 磚塊。
用橙色輝光陰影賦予座艙核心模組深度。
用中性冷灰暗色表面(#141417 / #202027),保持克制。
標題 / 正文用 Inter,Logo 與品牌數字用 Orbitron。
中文用繁體 Noto Sans TC。
數字編號 / 標籤用 Mono 大寫 + 正字距。

Don't 不要

不把 Signal Orange 做成漸變(那是 CHAINISLE 的資產)。
不對調綠漲紅跌,不把交易語義色用於裝飾。
不用 CHAINISLE 的 #FF9B30→#FF4528 漸變代替 #E65100。
不用暖調 / 橙染的暗色表面,暗底保持中性冷灰。
不用簡體中文字體(1000X 用繁體 TC)。
不用銳利小圓角(那是 CHAINISLE 8px,1000X 用大圓角)。
數據展示不用比例字體,必須等寬 Mono。
聯名時 CHAINISLE 排第一:CHAINISLE × 1000X。