LS-Labs
LS-Labs品牌識別與使用規範

讓研究、介面與文字，說同一種語言。

從標誌、色彩到文字規範，整理 LS-Labs、GeoCheck、Platform 與 SEO Pulse 共用的品牌識別。以黑底白標為主，藍色圓點為識別重心；文章與工具依閱讀情境保留深淺底版本。

01 / BRAND GROUNDS

底色

深色頁面的基底。Hero 與封面用 void，卡片與面板用 navy-surface，navy 是標誌本體與大面積品牌色。

Void--ls-void · #070B14頁面底、Hero 背景
Navy Deep--ls-navy-deep · #060E1C漸層終點、頁尾
Navy Surface--ls-navy-surface · #0E1A2F深色卡片、面板
Navy--ls-navy · #0B1F3B標誌、引擎色塊上的文字
02 / ACCENT

強調色

唯一的互動色。#3B82F6 是陷阱：在白底上當文字只有 3.68:1，放白字也是 3.68:1，兩者皆不合格，因此依角色分四階。

Accent Surface#3B82F6
填色、邊框、圖示；深底上的文字（5.35:1 on void）。不可在白底當文字，不可承載白字。
Accent on Light#1D4ED8
白底或淡色底上的文字與連結；任何承載白字的按鈕填色（白字 6.70:1）。
Accent on Light · Strong#1E40AF
按鈕 hover / pressed（白字 8.72:1）。
Accent on Dark#60A5FA
深底上的文字、標籤、連結（7.74:1 on void）。深底上優先用它，而非 surface。
Accent Tint#EFF6FF
淺色底上的選取、提示區塊底色；上面放 on-light 文字。
03 / NEUTRALS

中性色

文字分兩組：淺底用 ink 系列，深底用 on-dark 系列。兩組不可互換，最常出錯的是把 on-dark-muted 放到白底上。

ON LIGHT
Ink 標題與正文#1E293B · 14.63:1
Ink Muted 說明文字#475569 · 7.58:1
Ink Faint 最小可用文字#64748B · 4.76:1
Surface Alt #F8FAFCLine #E2E8F0
ON DARK
On Dark 標題#F8FAFC · 18.81:1
On Dark Body 正文#CBD5E1 · 13.26:1
On Dark Muted 說明文字#94A3B8 · 7.68:1（白底僅 2.56:1）
04 / STATUS

狀態色

綠色是狀態，永遠不是動作；所有互動由強調色承擔。淡色徽章上的文字用 on-light 值，原色僅作深底文字或填色。

Success · 已驗證
#10B981
on-light #047857 · 5.21:1
tint #ECFDF5
Warning · 覆蓋不足
#F59E0B
on-light #B45309 · 4.61:1
tint #FFF4E0
Danger · 失敗
#EF4444
on-light #B91C1C · 5.91:1
tint #FEF2F2
Unknown · 無可用證據
#64748B
on-light #475569 · 6.92:1
tint #F1F5F9
05 / ENGINE SERIES

引擎色

四個可區分的色相，是身分而非裝飾。任何改版不得把它們收斂成品牌藍，否則圖表無法區分引擎。色塊上一律用 navy 深色文字。

PerplexityOpenAIGeminiAnthropic
--ls-engine-perplexity
#22B8CD
--ls-engine-openai
#10A37F
--ls-engine-gemini
#4285F4
--ls-engine-anthropic
#CC785C
CHART EXAMPLE · 深底
06 / RULES

使用規則

01
一頁最多兩種底色void（深）與 surface-alt（淺）。深色 hero 接淺色內文是標準結構。
02
強調色只做互動按鈕、連結、選取、圖示。裝飾性大面積藍色僅限標誌漸層與圖表線。
03
文字對比至少 4.5:124px 以上標題可放寬至 3:1。不用半透明或混色降低文字對比，改選對應的 muted 色票。
04
照片上的文字要有遮罩以 void 漸層壓暗照片後再放 on-dark 文字；掃描光、光暈等動效不超過 5% 不透明度。
05
不用色相命名程式與設計檔一律使用角色名（--ls-accent-on-light），不用 --teal、--blue。
08 / TYPOGRAPHY

字體

三種字體各司其職。英文標題用 Space Grotesk 全大寫、緊排；中文內文用 Noto Sans TC；所有數據、日期、標籤、狀態一律 IBM Plex Mono。

Observing
AI Search.DISPLAY
Space Grotesk 700
line-height .92
tracking -.02em
UPPERCASE
Analytical Suite — Instrument DashboardSECTION H2
Space Grotesk 700 · 21px
tracking +.02em
UPPERCASE
探索大型語言模型如何重塑搜尋、品牌與資訊分配。中文副標
Noto Sans TC 500 · 20px
line-height 1.35
LS-Labs 研究 AI 搜尋如何呈現品牌，以及那些聲稱能量測它的工具究竟量到了什麼。中文內文
Noto Sans TC 400 · 13.5–14.5px
line-height 1.65 · ink-muted
CHRONOLOGY · RESEARCH PAPERS74.2 / 100 · +/- 0.1 ms
KICKER 9.5px · tracking .14em
數值 Space Grotesk 700
單位 Plex Mono 10.5px
tabular-nums
09 / HAIRLINES & PANELS

線條與面板

深色介面的結構感來自極細、極淡的白色線條，而非色塊。所有分隔線 1px，不透明度 3%–10%；面板頂邊比其他三邊亮，模擬儀器面板的受光邊。圓角最大 4px。

Row divider · 3%
Section divider · 4%
Panel edge · 4% / top 10%
Grid 64px · 1.5%
Button border · 35%
Explore GeoCheckRead Whitepapers →
SYSTEM: ONLINE · LAST CALIBRATION: 18 SEP 2026PROTOCOL: GEO-SYNTHESIS v1.0
AI TRUST & SYNTHESIS74.2 / 100
0.025.050.075.0100.0
ADOPTION WEIGHT:82.4%
EVIDENCE INTEGRITY:59.1%
STATUS:OPTIMAL

儀表排版示意，數值非實測。Console panel：底 #070B12 · 標頭 #090E16 40px · 進度用 2px 刻度尺 + 游標，不用 UI kit 進度條

10 / COMPONENTS

元件

列表一律採表格式網格列，不用卡片牆。狀態以文字亮度區分（白 = 進行中、灰 = 待機），不用彩色狀態燈。類別標籤是低對比深色藥丸。

CATEGORY PILL
GEO PROTOCOLAI OVERVIEWSCITATION MODELZERO-CLICK
LOG ROW · 130 / 140 / 1fr / 120
DATECATEGORYTITLE & KEY FINDINGSCORPUS & ACCESS
SEP 12, 2026 —
GEO PROTOCOL
生成式引擎優化（GEO）：當搜尋結果變成一段回答元件排版範例：標題、摘要、觀察範圍與閱讀入口。
EXAMPLE DATA
排版示意
STATUS BY LUMINANCE · 不用彩色
ACTIVESTABLEBENCHMARKEDIDLEQUEUEDLOCKED
SPARKLINE · 1.1px 白灰線 + 2% 填色 + 虛線門檻
11 / VOICE

語調與命名

觀測站的隱喻貫穿全站：英文用儀器與天文詞彙做標題與標籤，中文負責把意思說清楚。英文短、全大寫、有結構；中文完整、有句號、不誇飾。

SECTION NAMES
OBSERVATORYINSTRUMENTATIONCHRONOLOGYTOPOLOGYCHARTER & GOVERNANCETERMINAL · INQUIRIES
KICKER PATTERN
INSTRUMENTATION · GEOCHECK TELEMETRY SUITETRACK 02 // PROTOCOLHOST: geocheck.lslabs.tw · CADENCE: 90s
DATA VOCABULARY
PROBESWEEPCORPUSCADENCECALIBRATIONN=1,200ACTIVE / IDLE / LOCKED
中文原則
寫給行銷人與從業者看，不寫給投資人看。以「我們記錄」「我們觀察」開頭，避免「顛覆」「革命」。每段有一個可驗證的名詞（樣本數、引擎數、日期）。
不使用
表情符號、驚嘆號、漸層文字、彩色狀態燈、圓角大於 4px 的內容卡片、星圖／羅盤裝飾。首屏地球上的搜尋框與引擎小卡是浮在畫面上的介面元件，不受 4px 限制（2026-10-19 修訂）。
12 / LAYOUT

版面節奏

內容寬 1200px、左右 40px。每節上下 72px，以 4% 白線分隔。節首固定為「kicker + 大寫 H2 + 中文一句」，右側對齊一個次要動作或 mono 狀態。

OBSERVATORYGEOCHECK | PUBLICATIONS | TOPOLOGY | ABOUT
SECONDARY · 留白或圖表
MASTHEAD 76 · HERO 84/76 · SECTION 72CONTAINER 1200 · GUTTER 40
13 / MOTION

動效

動效有兩個隱喻：首屏是 AI 搜尋地球，呈現提問如何經由 AI 引擎抵達各地；首屏以下是鏡頭對焦推進，所有進場以輕微位移與淡入引導閱讀。單一緩動曲線 cubic-bezier(.2,.7,.2,1)，不用彈跳（2026-10-19 修訂）。

HERO · TYPE-IN
Display 標題逐字升起（translateY .5em → 0，0.7s，每字延遲 40ms），末端出現輸入游標：寬 .16em、高 .78em、1s 步進閃爍，最多閃爍三次；偏好減少動態效果時停用。rise .7s · stagger .04s · blink 1s steps(1)
HERO · GLOBE
點陣地球（Natural Earth 陸地，台灣以藍點標示）每 140 秒自轉一圈；ChatGPT、Gemini、Claude、Perplexity 以標誌衛星沿四條軌道環繞。訪客可拖曳旋轉（上下傾斜不超過 30°），點衛星列出提到它的文章。衛星使用較鮮明的引擎色（home-globe.css），圖表仍用第 05 節色票。鍵盤可用暫停鈕停止自動動態；偏好減少動態效果時只顯示一張定格。spin 140s · tilt ±30° · reduced motion = one still frame
HERO · INTENT
站內文章回答的問題以搜尋框出現，同時最多兩個、互不重疊，點擊進入該文章。搜尋意圖化成光點：從藍色送出鈕跳到引擎、換成引擎色，再一次分散到地球上 2–5 個隨機地點並留下漣漪；光點後方的珠點一秒內淡去，畫面不留連線。every 3.1s ×4, then 5s · fan 2–5 · trail <1s
SECTION · REVEAL
首頁區塊進入視窗約 8% 時，以 24px 位移與淡入顯示。下列分層數值供延伸介面參考：
01 · 0ms標題列y26 · scale .97 · blur 4
02 · 180msPanel 外框z −120 · rotateX 3° · blur 4
03 · +90ms each標頭 → 儀表格 / 列y22 · scale .97 · blur 3
04 · 500ms底部分隔線scaleX 0→1 · 1.1s · 由左畫出
TIMING
首頁區塊進場 0.8s，只播放一次。文字與連結不依賴動效才能讀取；減少動態效果模式保留完整靜態內容。ease cubic-bezier(.2,.7,.2,1) · once
不使用彈跳、雷達掃描、跑馬燈、逐字打字音效、hover 放大卡片。旋轉與彩色光只用在首屏地球：地球自轉、衛星繞行，引擎色只出現在衛星、光點與漣漪（2026-10-19 修訂）。
14 / EDITORIAL

文字與出版規範

保留舊版適用於研究長文的閱讀規範，並統一品牌名稱與證據的寫法。

品牌名稱與定位

正文使用 LS-Labs；提到工具時寫 LS-Labs GeoCheck。Observatory 是官網的視覺主題，對外署名仍使用 LS-Labs。標誌內的既有字樣保持原稿。

LS-Labs 研究 AI 搜尋如何呈現品牌，以及那些聲稱能量測它的工具究竟量到了什麼。

結論必須帶條件

結果寫明觀察時間、模型、查詢條件與有效樣本。分開描述品牌提及、來源引用與資訊正確性；不把量測分數當成品牌品質評鑑。unknown 表示無法判定，不得補成 0。

讓文字帶讀者找到資料

使用「閱讀研究」「查看方法」「下載資料集」等具體連結文字。結果、推論與尚待驗證的問題分開寫，不承諾 AI 排名或流量成長。正文使用台灣正體中文與全形標點，英文縮寫、數字與中文之間留半形空格。

研究長文

正文閱讀欄寬以 720px 為上限，行高約 1.82，中文內文建議 18px。標題使用海軍藍 #0B1F3B，連結使用 #1D4ED8；保留章節目錄、圖表說明、引用來源與研究限制。Observatory 的小型儀表標籤不套用到長文正文。

保留的品牌輔色

Indigo · #8B7CF6

用於原始圖記漸層與少量品牌點綴，不取代互動色或狀態色。

Mist · #E5EAF2

用於淺色襯底與分隔，搭配深色文字。

長文與 Observatory 的字體分工

新版英文標題使用 Space Grotesk，中文使用 Noto Sans TC，數值標籤使用 IBM Plex Mono。既有研究長文可保留閱讀字體，不因首頁改版而更換全文排版。

15 / ASSET KIT

標誌下載

保留 LS-Labs 與 LS-Labs GeoCheck 的 SVG、PNG 原始資產。依背景選擇字標版本；下載與使用標誌不表示取得品牌背書。

返回實驗室首頁 →

ls-labs-emblem.svg下載 SVG ↓ ls-labs-emblem-1024.png下載 PNG ↓ ls-labs-emblem-512.png下載 PNG ↓ ls-labs-app-icon-512.png下載 PNG ↓ ls-labs-logo-navy.svg下載 SVG ↓ ls-labs-logo-white.svg下載 SVG ↓ ls-labs-secondary-dark.svg下載 SVG ↓ ls-labs-favicon.png下載 PNG ↓ geocheck-mark.svg下載 SVG ↓ geocheck-mark-white.svg下載 SVG ↓ geocheck-mark-1024.png下載 PNG ↓ geocheck-app-icon-512.png下載 PNG ↓ geocheck-logo-dark.svg下載 SVG ↓ geocheck-logo-white.svg下載 SVG ↓ geocheck-favicon.png下載 PNG ↓ geocheck-og-image.png下載 PNG ↓
16 / IMAGE CREDITS

圖像來源

本站主題頁使用 AI 擬人角色圖像，作者與原作如下。

Gemini、GLM、GPT 與 DeepSeek 女僕

Gemini、GLM、GPT 原圖與差分，以及 DeepSeek 女僕二次設計：ZipZipPipe，《AI娘化》。

DeepSeek 原始鯨魚娘

上善无形／上善（CC BY-NC-SA 4.0）。

Q 版立繪

CrossPet（lokicorvus 與貢獻者，CC BY-NC-SA 4.0），依上述角色設定重繪。