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），依上述角色设定重绘。