Geometry Reset
极简形态
以最纯粹的几何形态构建品牌视觉，摒弃一切冗余装饰，让标志回归至极简、纯粹且极具辨识度的终极状态。
Beyond Dimensions.
“自由维度”是 UNBOUNDX 最核心的精神原点：自由、不受限、超越常规。
以极简的引力弧线勾勒出独立维度，X 在这里不仅是字母，更是通向无限可能的「维度」本身。
以极简的引力弧线勾勒出独立维度，X 在这里不仅是字母，更是通向无限可能的「维度」本身。
自由维度 / Free Dimensions
X = Dimension
Gravity Arcs / 引力弧线
Deep Void / 黑曜石体系
01. Logo System
Gravity Arcs / 引力弧线
Gravity Arcs 是 UNBOUNDX 的核心视觉图腾。回到最本质的两条弧线：一条象征活力、人文与向前引力的橙色轨迹；一条象征精准、科技与秩序的冷白弧线。两者在深色空间中相交，形成向右上方突破的极简 X，寓意进入全新的独立维度。
Dimension
X 代表维度
在这里，X 不是普通交叉符号，而是品牌语义里的 Dimension。它象征独立维度、自由空间，以及进入新秩序的入口。
Gravity Arcs
引力牵引，向上突破
两条弧线像被看不见的引力场牵引，最终在右上方向形成爆发点。这个运动方向本身就在讲“超越常规”的故事。
Freedom
自由维度的情绪包装
它不是冷冰冰的科技图形，而是有态度的精神符号：自由、不受限、独立、活出自我，同时依然保有现代 SaaS 的克制与高级感。
Primary Lockup
横向标准组合。适用于网站导航栏、文档页眉、名片等绝大多数宽幅场景。
Stacked Lockup
纵向居中组合。适用于 App 启动页、海报中心、社交媒体封面等需要视觉聚焦的场景。
Icon / Avatar
纯图形标识。高度凝练，即使缩小至 16x16 px 作为网页 Favicon，依旧清晰锐利。
Light Mode Reversed
当必须在白底环境（如打印纸张、第三方平台）使用时，白色弧线和字体反转为黑曜石色。
02. Color System
The Obsidian & Orange
极端深邃的 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. Typography
Geometric & Clean
西文采用极具几何美感的 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. UI Guidelines
Digital Product Aesthetics
UNBOUNDX 的 UI 设计必须贯彻「自由维度」的精神：摒弃繁复装饰，拒绝平庸模板，以极简的线条、深邃的空间与克制的动效，打造出具备“破局者”气质的硬核产品界面。
RULE 01
克制即力量 / Restrained Power
彻底抛弃多余的背景色块、无意义的投影与渐变。使用极细的
1px 描边 (var(--surface-2)) 来划分层级。让信息本身成为界面的主角，而非容器。
RULE 02
深色沉浸 / Dark Immersion
绝不使用纯黑。基于
#050505 (Deep Void) 构建深色背景，利用 #101012 与 #1A1A1E 构建微弱的表面纵深。文字与元素必须在此环境中保持锐利与高对比。
RULE 03
张力排版 / Tension Typography
西文数字必须使用
Outfit，利用其几何张力构建大标题与核心数据。打破常规的等距网格，通过留白（Negative Space）与不对称排版创造阅读节奏。
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. Applications
Design in Action
品牌视觉系统在真实业务场景中的落地规范：涵盖官网首屏、移动端启动页、社交媒体封面及线下发布会主视觉等核心触点。确保“自由维度”的品牌理念在每一次呈现中都保持高度一致的张力与专业感。
自由维度（深圳）科技有限公司
Jackie Xiao
Founder & CEO
hello@unboundx.tech
www.unboundx.tech
System Dashboard
Active Nodes
1,024
Network Status
● Operational
Deploy Infrastructure
BEYOND
THE
BOUNDS.
THE
BOUNDS.
UnBoundX 2026
BREAK
RULES.
RULES.
Innovate Faster
自由维度（深圳）科技有限公司 致力于打破传统软件的物理与逻辑边界，为现代企业提供最高效、最直觉的数字工具底座。
Dimensions12
StatusON
Website Hero / 官网首屏
这套视觉在官网首页最适合承担“破局者”气质：大标题、极简弧线、深色空间和高识别的橙色 CTA，能快速建立品牌记忆点。
UNBOUNDX
App Splash / 启动页
手机端最需要的是“缩小也清晰”的标志。两条弧线在 16×16 到全屏启动页之间都保持高可辨识度，这正是极简几何的价值。
FREE
DIMENSION
DIMENSION
适用于社交平台封面、社区 Banner、GitHub 社区页以及招募页面头图。
Social Cover / 社交封面
品牌在社交平台往往只有一瞬间的停留时间，因此需要强词、强形和强反差。Deep Void + Aerospace Orange 的组合正适合快速打出态度。
BREAK
RULES
RULES
发布会、路演、招募海报与舞台大屏，最适合用大字、大黑场和发光橙色去建立品牌攻击性。
Launch Stage / 主视觉舞台
这套方案从屏幕到线下都成立：黑背景稳，橙色准，结构极简，所以越放大越有气场，也更适合做发布会主视觉和展会物料。
06. Motion Design
Motion as Brand Behavior
我把 unboundx-web 里最出彩的一批轨道、磁场、扫光与脉冲动效，收敛进这份品牌规范页，形成更适合展示站、官网首屏、加载态与产品演示的统一动效语言：少而准，但一眼就能看出 UNBOUNDX 的维度张力。
From Concept Site to Brand System
把概念官网里的动态张力，沉淀成品牌级的行为系统
这些动作不再只是“炫技特效”，而是围绕 进入维度、引力牵引、系统反馈、界面扫光 四个主题组织起来，方便后续继续扩展到官网、产品界面和宣传片片头。
Arc Reveal
Orbit Trails
Magnetic Response
System Sweep
01 · Entrance
进入维度要有唤醒感
弧线依次绘制、中心逐步点亮、外环晚半拍出现，让品牌像是被引力场激活，而不是生硬地突然出现。
02 · Response
反馈应该像系统在呼吸
脉冲、旋转和粒子都被压到克制范围内，避免夸张弹跳，更适合品牌官网与 SaaS 产品的高级感语境。
03 · Direction
扫描与轨道负责引导注意力
扫光、轨道拖尾和磁场线条承担“引导视线”的职责，让用户自然地聚焦到品牌标识与关键展示内容。
System Sweep
07. Promo Film
Remotion Launch Film
除了平面品牌规范，这一版展示页也把 unboundx-web/promo-video 里的 Remotion 宣传片正式嵌进来，让 UNBOUNDX 的动态叙事、镜头节奏和品牌气氛在同一页里完整呈现。
Remotion Render · MP4
UNBOUNDX Launch Promo / 宣传片设计展示
这支片子把品牌弧线、产品截图、主色氛围光和发布节奏整合成一条完整的动态叙事链，适合官网展示、路演、社交传播和发布会暖场。
Scene 01
Brand Reveal / 品牌揭示
用深色空间和引力弧线建立第一印象，把“自由维度”的品牌气氛先打出来。
Scene 02
Product Hero / 产品首屏
把品牌视觉和真实页面结合起来，强调这不是抽象概念，而是已经可被感知的产品表达。
Scene 03
System Surface / 系统界面展开
用界面、色彩和节奏形成“系统已启动”的画面感，适合延展到更多产品宣传素材。
08. Assets
Brand Asset Inventory
完整品牌视觉资产体系，包含矢量标志、标准色彩规范与核心应用模板，确保品牌视觉资产的高效、一致交付。
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