Dimensions12
StatusON
Website Hero / 官网首屏
大标题、极简弧线、深色空间和高识别的橙色 CTA，快速建立品牌记忆点。
Beyond Dimensions.
“自由维度”是 UNBOUNDX 最核心的精神原点：自由、不受限、超越常规。
以极简的引力弧线勾勒出独立维度，X 在这里不仅是字母，更是通向无限可能的「维度」本身。
以极简的引力弧线勾勒出独立维度，X 在这里不仅是字母，更是通向无限可能的「维度」本身。
自由维度 / Free Dimensions
X = Dimension
Gravity Arcs / 引力弧线
Deep Void / 黑曜石体系
01. 标志系统
Gravity Arcs / 引力弧线
两条弧线在深色空间中相交，形成向右上方突破的极简 X——橙色象征活力与向前引力，冷白代表精准与秩序，寓意进入全新的独立维度。
标准横版
适用于网站导航栏、文档页眉、名片等绝大多数宽幅场景。
纵向组合
适用于 App 启动页、海报中心、社交媒体封面等需要视觉聚焦的场景。
图标 / 头像
高度凝练，即使缩小至 16x16 px 作为网页 Favicon，依旧清晰锐利。
浅色反转
当必须在白底环境（如打印纸张、第三方平台）使用时，白色弧线和字体反转为黑曜石色。
02. 色彩体系
黑曜石与橙
极端深邃的 Deep Void 黑曜石背景，让核心品牌色 Aerospace Orange 爆发出极强的视觉张力。
Primary Accent / International Safety Orange
Aerospace Orange
HEX
#F26122
RGB
242, 97, 34
CMYK
0, 75, 95, 0
Deep Void (Background)
#050505
Surface Level 1 (Cards)
#101012
Surface Level 2 (Borders)
#1A1A1E
03. 字体规范
几何与简洁
西文采用极具几何美感的 Outfit，完美契合引力弧线的视觉张力；中文选用思源黑体，保障现代数字界面的易读性与专业感。
Outfit
Primary English
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & *
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ! @ # $ % & *
Light 300
Regular 400
SemiBold 600
ExtraBold 800
思源黑体
Primary Chinese
自 由 维 度 ， 打 破 边 界
专 为 现 代 S a a S 构 建 的 极 简 美 学 体 系
专 为 现 代 S a a S 构 建 的 极 简 美 学 体 系
Light 300
Regular 400
Medium 500
Bold 700
04. 界面规范
数字产品美学
摒弃繁复装饰，拒绝平庸模板，以极简的线条、深邃的空间与克制的动效，打造出具备”破局者”气质的硬核产品界面。
RULE 01
克制即力量 / Restrained Power
抛弃多余的背景色块、投影与渐变。使用极细的
1px 描边划分层级，让信息成为界面主角。
RULE 02
深色沉浸 / Dark Immersion
基于
#050505 (Deep Void) 构建深色背景，利用 #101012 与 #1A1A1E 构建微弱的表面纵深。
RULE 03
张力排版 / Tension Typography
西文数字使用
Outfit，利用其几何张力构建大标题与核心数据。通过留白与不对称排版创造阅读节奏。
AI Assistant Prompt
You are an expert Frontend Designer tasked with creating a UI for UNBOUNDX.
Follow these strict brand guidelines:
AESTHETIC DIRECTION:
- Vibe: "Game-changer", hard-tech, minimalist, confident, precise.
- Theme: Deep dark mode ONLY. Never use pure black (#000000).
- Avoid generic "AI slop": No glassmorphism, no glowing purple/blue gradients, no soft bubbly borders.
COLOR PALETTE:
- Background (Deep Void): #050505
- Surface 1 (Cards): #101012
- Surface 2 (Borders/Lines): #1A1A1E
- Brand Accent (Aerospace Orange): #F26122 (Use sparingly for primary actions/CTAs only)
- Text Primary: #FFFFFF
- Text Secondary: #A0A0A5
TYPOGRAPHY:
- Primary English/Numbers: 'Outfit', sans-serif (Geometric, high tension)
- Primary Chinese: 'Noto Sans SC', sans-serif (Clean, readable)
- Use extreme contrast in font sizes: massive headers vs crisp, small utility text.
LAYOUT & COMPOSITION:
- Use 1px borders (#1A1A1E) instead of background colors to define containers.
- Break the grid: use generous, asymmetric spacing to create tension.
- Do NOT wrap everything in cards. Let content breathe on the Deep Void background.
When generating HTML/CSS, output production-ready code that strictly adheres to these rules.
05. 应用案例
设计落地
品牌视觉系统在真实业务场景中的落地规范：涵盖官网首屏、移动端启动页、社交媒体封面及线下发布会主视觉等核心触点。
自由维度（深圳）科技有限公司
Jackie Xiao
Founder & CEO
hello@unboundxai.com
www.unboundxai.com
System Dashboard
Active Nodes
1,024
Network Status
● Operational
Deploy Infrastructure
BEYOND
THE
BOUNDS.
THE
BOUNDS.
UnBoundX 2026
BREAK
RULES.
RULES.
Innovate Faster
自由维度（深圳）科技有限公司 致力于打破传统软件的物理与逻辑边界，为现代企业提供最高效、最直觉的数字工具底座。
UNBOUNDX
App Splash / 启动页
极简几何，小尺寸也清晰。适用于移动端、Favicon、头像。
FREE
DIMENSION
DIMENSION
适用于社交平台封面、社区 Banner、GitHub 社区页以及招募页面头图。
Social Cover / 社交封面
强词、强形、强反差，快速打出态度。适用于社交平台封面、社区 Banner、GitHub 页面。
BREAK
RULES
RULES
发布会、路演、招募海报与舞台大屏，最适合用大字、大黑场和发光橙色去建立品牌攻击性。
Launch Stage / 主视觉舞台
黑背景稳，橙色准，结构极简。越放大越有气场，适合发布会主视觉和展会物料。
06. 动效系统
动效即品牌行为
四层动效体系：品牌入场（开屏/片头）、加载等待（处理态）、交互响应（悬停/点击）、氛围层（背景营造）。
Motion System Architecture
四层动效体系，覆盖品牌到产品的完整场景
从 品牌入场、加载等待、交互响应、氛围营造 四个维度构建动效语言。
Brand Entrance
Micro Loaders
Interactive Response
Ambient Layer
Layer 01 · Brand Entrance
品牌入场：开屏、片头、首次加载
弧线绘制、粒子爆发、扫光揭示等高仪式感动效，用于品牌首次出现的关键时刻。
Layer 02 · Micro Loaders
加载等待：处理中、生成中、同步中
旋转加载器、脉冲呼吸、进度指示等克制的等待反馈。
Layer 03 · Interactive Response
交互响应：悬停、点击、状态切换
发光脉冲、磁场吸引、弹性反馈等微交互动效，为按钮、卡片、导航提供即时反馈。
Layer 04 · Ambient Layer
氛围营造：背景、空间、持续运转
轨道拖尾、磁场线条、扫描网格等环境动效，为页面注入空间深度和品牌气质。
Layer 01 · Brand Entrance
品牌入场动效 / 开屏与片头场景
Layer 02 · Micro Loaders
加载等待动效 / 处理态与进度反馈
Layer 03 · Interactive Response
交互响应动效 / 悬停、点击与状态切换
Layer 04 · Ambient Layer
氛围层动效 / 背景与空间营造
07. 宣传片
品牌宣传片
基于 Remotion 制作的品牌宣传片，完整呈现 UNBOUNDX 的动态叙事、镜头节奏和品牌气氛。
Remotion Render · MP4
UNBOUNDX Launch Promo / 宣传片设计展示
这支片子把品牌弧线、产品截图、主色氛围光和发布节奏整合成一条完整的动态叙事链，适合官网展示、路演、社交传播和发布会暖场。
Scene 01
Brand Reveal / 品牌揭示
用深色空间和引力弧线建立第一印象，把“自由维度”的品牌气氛先打出来。
Scene 02
Product Hero / 产品首屏
把品牌视觉和真实页面结合起来，强调这不是抽象概念，而是已经可被感知的产品表达。
Scene 03
System Surface / 系统界面展开
用界面、色彩和节奏形成“系统已启动”的画面感，适合延展到更多产品宣传素材。
08. 资源下载
品牌资源包
完整品牌视觉资产体系，包含矢量标志、标准色彩规范与核心应用模板。
Full Brand Kit (ZIP)
完整品牌交付包，适合设计与开发团队
- Logo SVG + PNG
- Brand Materials
- README usage guide
Vector Files (SVG)
用于网页前端、UI 设计、Figma 嵌入与高清印刷
- Dark / Light variants
- Mark / Lockup / Stacked
- Favicon & symbol
Image Files (PNG)
透明背景位图，适合文档、PPT、飞书、公众号和日常拖拽使用
- Ready for documents
- Large-size exports
- Icon & lockup included
Brand Materials
主视觉、社交封面、海报与启动页等常用品牌交付物料
- Poster / Cover / KV
- Splash-ready exports
- Dark-mode ready