s3://rustfs-brand/color/Guidelines · Color

色彩Color

Signal 承载数据，Oxide 标记校验，中性色承载一切。

品牌色 Signal #0062FF校验色 Oxide #FF5E14色阶 3 × 11–15标准 WCAG 2.2 AA

Brand colours品牌色

点击色值即可复制；CMYK 须以打样为准。

主品牌色，唯一的品牌蓝。

RGB: 0 98 255
OKLCH: oklch(55.6% 0.245 261.3)
CMYK: C90 M60 Y0 K0

校验色，约 10%，不用于错误。

RGB: 255 94 20
OKLCH: oklch(68.7% 0.209 39.9)
CMYK: C0 M70 Y95 K0

深色底与正文色。

RGB: 11 14 20
OKLCH: oklch(16.3% 0.014 264.1)
CMYK: C60 M40 Y20 K100

浅色底与分区底色。

RGB: 244 246 249
OKLCH: oklch(97.2% 0.005 258.3)
CMYK: —

Proportion用色比例

中性 60% · Signal 30% · Oxide ≤ 10%，Oxide 只有一个焦点。

中性 60%Signal 30%Oxide 10%

Release · 2026-101.0.1

Ink发布、活动、视频。

Release · 2026-101.0.1

Paper教程、深度文章、报告。

Release · 2026-101.0.1

Signal公告与号召；校验块改用 Ink。

Scales色阶

标有 AA 的组合可用于正文。

Signal Blue

500 为标志色；小字浅底用 600，深底用 400。

Oxide

500 不用于小字；文字浅底用 700，深底用 400。

Neutral

950 为 Ink，50 为 Paper；辅助文字不浅于 600。

Status状态色

状态须同时以文字和方形标记表达。

在线

盘与节点正常

填充: #02A855
文字 · 浅: #037E3F
文字 · 深: #02A855

修复中

正在从校验块重建

填充: #0062FF
文字 · 浅: #014FDD
文字 · 深: #5C99FF

降级

冗余低于配置

填充: #F7AE0C
文字 · 浅: #A06604
文字 · 深: #F7AE0C

离线

不可用，需要处理

填充: #E42E41
文字 · 浅: #C51B32
文字 · 深: #FF6B78

校验 · 预览

校验块；预览功能标记

填充: #FF5E14
文字 · 浅: #B33A10
文字 · 深: #FE8F5D

Oxide 不得用于错误或告警。

Semantic tokens语义色

界面只引用语义色，名称与 shadcn/ui 一致。

角色	浅色主题	深色主题	用途
`--background`	#FFFFFFneutral.0	#0B0E14neutral.950	页面底色
`--foreground`	#0B0E14neutral.950	#F4F6F9neutral.50	正文与标题
`--card`	#FFFFFFneutral.0	#13171Eneutral.900	卡片与面板
`--popover`	#FFFFFFneutral.0	#13171Eneutral.900	浮层
`--primary`	#0062FFblue.500	#0062FFblue.500	主要操作（Signal Blue）
`--secondary`	#EAEDF2neutral.100	#1E232Bneutral.850	次要按钮底色
`--muted`	#F4F6F9neutral.50	#13171Eneutral.900	弱化区域底色
`--muted-foreground`	#5A616Dneutral.600	#9AA0ACneutral.400	辅助文字（≥ 4.5:1）
`--accent`	#EAEDF2neutral.100	#1E232Bneutral.850	悬停与选中底色
`--destructive`	#C51B32red.700	#FF6B78red.400	破坏性操作与错误
`--border`	#DCE0E6neutral.200	#2B313Aneutral.800	分隔线与边框
`--input`	#C4C9D2neutral.300	#424853neutral.700	输入框边框
`--ring`	#0062FFblue.500	#5C99FFblue.400	焦点环
`--brand`	#0062FFblue.500	#0062FFblue.500	品牌色块与图形
`--link`	#014FDDblue.600	#5C99FFblue.400	正文链接
`--parity`	#FF5E14oxide.500	#FF5E14oxide.500	校验块与唯一焦点
`--parity-text`	#B33A10oxide.700	#FE8F5Doxide.400	Oxide 文字（≥ 4.5:1）
`--subtle`	#424853neutral.700	#C4C9D2neutral.300	次级正文
`--faint`	#757C88neutral.500	#757C88neutral.500	占位与禁用（非必要信息）
`--strong`	#C4C9D2neutral.300	#424853neutral.700	强调边框
`--surface`	#F4F6F9neutral.50	#13171Eneutral.900	分区底色
`--surface-2`	#EAEDF2neutral.100	#1E232Bneutral.850	二级分区底色
`--success`	#037E3Fgreen.700	#02A855green.500	在线 · 健康
`--warning`	#A06604amber.700	#F7AE0Camber.500	降级
`--danger`	#C51B32red.700	#FF6B78red.400	离线 · 错误
`--info`	#014FDDblue.600	#5C99FFblue.400	信息 · 修复中
`--stage`	#0B0E14neutral.950	#06070Bneutral.1000	深色展示区（两种主题下均为深色）
`--selection`	#E0ECFEblue.100	#0062FF59	文字选区

完整列表见 Design Tokens。

Contrast对比度

正文 ≥ 4.5 : 1，大字 ≥ 3 : 1。

文字 \ 底色	White	Paper	Ink	Signal
Ink	19.32AAA	17.84AAA	1.00—	3.86大字
Neutral 700	9.20AAA	8.49AAA	2.10—	1.84—
Neutral 600	6.24AA	5.76AA	3.10大字	1.25—
Neutral 500	4.20大字	3.88大字	4.59AA	1.19—
Neutral 400	2.63—	2.43—	7.36AAA	1.91—
Neutral 300	1.66—	1.54—	11.62AAA	3.01大字
White	1.00—	1.08—	19.32AAA	5.01AA
Blue 600	6.64AA	6.13AA	2.91—	1.32—
Blue 500	5.01AA	4.63AA	3.86大字	1.00—
Blue 400	2.82—	2.60—	6.86AA	1.78—
Oxide 700	5.95AA	5.50AA	3.25大字	1.19—
Oxide 500	3.06大字	2.83—	6.31AA	1.64—
Oxide 400	2.26—	2.09—	8.56AAA	2.22—

Data colours数据色

RustFS 永远是第 1 色。

Syntax代码配色

代码块均在 Ink 上，各角色对比度 ≥ 4.5 : 1。

Do & Don't用色规则

EC 4+2

正确大面积中性色，Signal 承载内容，Oxide 只标记一个焦点。

RustFS

错误紫蓝渐变、霓虹光晕与非品牌色。

盘 07 离线

正确错误使用红色并配文字说明。

盘 07 离线

错误用 Oxide 表示错误，或大面积铺满 Oxide。