Brand Identity System v1.0
极芯云 Geecore
品牌视觉语言规范 · 包含 LOGO 多色方案、色彩体系、字体系统、组件示例。适用于官网、社交媒体、文档等全平台场景。
查看 LOGO 方案
LOGO · 6 色方案
同一标志结构，六套配色方案，适配不同平台背景与品牌场景。点击下载 SVG 源文件。
反白版 · 纯白
深色背景 / 页脚 / 视频水印
腾讯云版 · 腾讯蓝
腾讯云合作页面 / 生态物料
阿里云版 · 阿里橙
阿里云合作页面 / 生态物料
头像 · 文字组合版
带品牌名称的横版 / 竖版组合，适用于微信头像、社交媒体 icon、公众号、小程序等场景。每种方案配不同背景色，文字内嵌 SVG。
极芯云 · 竖版
微信头像 / 公众号 · 深色底
Geecore · 竖版
LinkedIn / X · 浅色底
极芯云 · 横版
导航栏 / Banner · 腾讯蓝底
Geecore · 横版
海外官网 / GitHub · 阿里橙底
G 字母头像 · 圆角
小尺寸头像 / Favicon · 深蓝底
极芯云 · 中文头像
微信群 / 企业微信 · 深蓝渐变底
Geecore · 英文头像
X / Discord / Slack · 深灰底
色彩体系
基于深空蓝的品牌主色，搭配电光青渐变辅助色和琥珀金 CTA 色，构建完整的科技感色彩层级。
字体系统
英文标题采用 Outfit（几何感、现代），正文使用 Inter（高可读性），中文统一使用 Noto Sans SC。
Display · 标题字体
Outfit 800
极芯云 Geecore
Body · 正文字体
Inter 600
腾讯云与阿里云全国核心代理
Mono · 代码 / 数据
JetBrains Mono
color: #00C6FF
border-radius: 0.75rem
font-weight: 800
组件样式
网站核心 UI 组件预览，确保跨页面视觉一致性。
Primary Button
gradient: #00C6FF → #3B82F6
radius: 0.75rem | shadow glow
Ghost Button
bg: rgba(255,255,255,0.06)
border: rgba(255,255,255,0.15)
CTA Gold Button
gradient: #F59E0B → #D97706
font-weight: 700
Glass Card
玻璃拟态卡片
backdrop-filter: blur(10px)
适合悬浮层、导航栏
Tags / Badges
腾讯云
阿里云
CVM/ECS
轻量服务器
.tag-sm → 品牌色填充
.tag-outline → 描边样式
Pricing Highlight
¥320/月
¥208
/月
官网价划线 + 金色实价标签
CSS 变量速查
可直接复制到项目中使用的 CSS 自定义属性。
:root {
/* 品牌色 */
--brand-deep: #0B1E3F;
--brand-mid: #132E5B;
--brand-surface: #1A3A6E;
--accent-start: #00C6FF;
--accent-end: #3B82F6;
--accent-glow: #60A5FA;
--warm-cta: #F59E0B;
--warm-cta-hover:#D97706;
/* 中性色 */
--neutral-50: #F8FAFC;
--neutral-900: #0F172A;
/* 排版 */
--font-display: 'Outfit', 'Noto Sans SC', sans-serif;
--font-body: 'Inter', 'Noto Sans SC', sans-serif;
--font-mono: 'JetBrains Mono', monospace;
/* 圆角 */
--radius-sm: 0.5rem;
--radius-md: 0.75rem;
--radius-lg: 1rem;
--radius-xl: 1.5rem;
}