鲸枢科技 CETACORE - 品牌色彩系统

01 主色调 Primary Colors

01

霓虹青 Neon Cyan

#00D4FF

应用场景：Logo、主按钮、高亮文本、边框、图标
品牌核心色 CTA按钮链接

02

亮青色 Bright Cyan

#00FFFF

应用场景：强调色、发光效果、悬停状态
高光悬停渐变

03

赛博紫 Cyber Purple

#8B5CF6

应用场景：渐变辅助色、标签背景、次级强调
辅助色标签装饰

04

亮紫色 Bright Purple

#A855F7

应用场景：渐变高光、装饰性元素
渐变发光

02 功能色 Functional Colors

05

霓虹绿 Neon Green

#39FF14

应用场景：成功状态、在线指示、确认操作
成功在线 ✓ 状态

06

霓虹粉 Neon Pink

#FF006E

应用场景：Glitch效果、装饰性故障艺术
特效装饰

03 背景色系 Background Colors

07

纯黑 Pure Black

#000000

应用场景：主背景色
主背景深色主题

08

近黑 Near Black

#030303

应用场景：次级背景、导航栏背景
组件背景

09

深灰黑 Dark Gray Black

#0A0A0A

应用场景：三级背景、输入框背景
输入框卡片

10

卡片黑 Card Black

#0D0D0D

应用场景：卡片背景、容器背景
卡片容器

04 文本色 Text Colors

11

主文本白 Primary Text

#FFFFFF

应用场景：标题、正文、主要文本内容
标题正文

12

次级灰 Secondary Text

#8A8A8A

应用场景：副标题、描述文本、辅助信息
副标题描述

13

弱化灰 Muted Text

#4A4A4A

应用场景：禁用文本、占位符、弱化信息
禁用占位符

05 品牌渐变 Brand Gradients

G1

青紫渐变 Cyan-Purple Gradient

#00D4FF → #8B5CF6

应用场景：主按钮、标题高亮、品牌视觉
主按钮标题 Logo渐变

G2

青色渐变 Cyan Gradient

#00FFFF → #00D4FF

应用场景：发光效果、数据可视化、装饰
数据装饰

G3

青色透明渐变 Cyan Fade

#00D4FF → Transparent

应用场景：背景装饰、光晕效果
光晕装饰

06 使用规范 Usage Guidelines

色彩使用原则

1. 主色使用

霓虹青 #00D4FF 是品牌的核心色，应作为主要的交互元素、CTA按钮、链接和重要信息的颜色。保持其使用的一致性，避免过度使用导致视觉疲劳。

2. 辅助色平衡

赛博紫 #8B5CF6 作为辅助色，主要用于渐变效果、次级强调元素。青紫渐变是品牌的标志性视觉元素，用于标题高亮和主要按钮。

3. 深色主题

网站采用深色主题设计，所有背景色应在 #000000 - #0D0D0D 范围内。确保文本与背景有足够的对比度（WCAG AA 标准：4.5:1）。

4. 发光效果

所有主色调都应配有适当的发光效果（box-shadow），营造赛博朋克风格。发光强度应适度，避免影响可读性。

5. 功能色规范

• 霓虹绿 #39FF14：成功状态、在线指示、确认操作
• 霓虹粉 #FF006E：仅用于 Glitch 故障艺术效果，不用于状态提示