FOUNDATIONS > Color

Color

SyncAI 介面邏輯下的系統性核心色彩方案，採用生物發光 (Bioluminescent)作為設計語彙，將光影轉化為可精確計算的色彩標記（Tokens），這賦予數位元件深邃且具生命力的視覺層次，更透過極細的發光邊界與智慧對比調節，確保資訊在多樣化的物理情境與設備中，依然能達成最精準的傳達。

Foundation Anchor 基礎錨點

System AnchorCore

Anchor
Grey

--SYSTEM-
ANCHOR

#515353

Anchor Grey

定錨灰 (Anchor Grey) 是 SyncAI 系統的引力中心，作為系統定錨點，它以獨有的視覺安定感（#515353），將 Syncrobotic、Orbie 與 LocalMind 串聯成一個高度協作的生態系。

視覺減壓

定錨灰具備極佳中性特質，能有效中和多組品牌色衝擊。在長時間操作下引導視覺回歸穩定，降低大腦認知負荷，確保使用者維持高效冷靜。

跨產品的一致性語彙

在不同子產品間，定錨灰是唯一的共同語言，確保使用者即便切換不同子產品，成為辨識核心架構的導航路標，建立集體行為記憶與品牌信任感。

層次深度的基準儀

作為物理感最強的顏色，它定義了介面深度的起點。在複雜的玻璃擬態布局中扮演底座角色，為上方組件提供明確對比，建構出精密的空間秩序。

Core Brand 品牌核心

CorporateSyncrobotic Indigo

Syncrobotic

--SYNCROBOTIC-PRIMARY

#5347A8

Sub-BrandOrbie Blue

Orbie

--ORBIE-PRIMARY

#0047C7

Sub-BrandLocalMind Blue

LocalMind

--LOCALMIND-PRIMARY

#5662D0

Gradient Application 漸層應用

Linear 135°

Start: #5347A8End: #2D2463

Syncrobotic Gradient

--GRADIENT-SYNCROBOTIC

Linear 135°

Start: #0047C7End: #00A3FF

Orbie Gradient

--GRADIENT-ORBIE

Linear 135°

Start: #5662D0End: #A29BFE

LocalMind Gradient

--GRADIENT-LOCALMIND

Semantic Indicators 語意狀態色

Success

#4F805C

--semantic-success

Warning

#D4A520

--semantic-warning

Error

#AF5A5A

--semantic-error

Info

#5676AB

--semantic-info

Neutral Palette 中性色階

Neutral-900

#0B1120

主背景色 (Main BG)：頁面最底層

Neutral-800

#151D2E

層級背景 (Surface)：卡片

Neutral-700

#1E293B

突顯背景 (Elevated)：選單、Hover 狀態

Neutral-600

#334155

分界線 (Border)：預設邊框、分隔線

Neutral-500

#64748B

禁用/佔位符：Disabled、Placeholder

Neutral-400

#94A3B8

次要文字：輔助說明、Helper Text

Neutral-300

#CBD5E1

正文內容：主要閱讀文字

Neutral-200

#E2E8F0

強調文字：標題、重要標籤

Neutral-100

#F1F5F9

極亮文字：滑鼠經過時的高亮文字

Neutral-50

#F8FAFC

純白反饋：極端強調或點亮態