Universal Design Language & Frontend Standards
Combining the aesthetic clarity of Apple, the generative simplicity of OpenAI, and the developer productivity of Linear into one unified product design language.
Semantic Futuristic Palette
Deep obsidian dark surfaces contrasted with electric purple, cyber blue, and signal neon accents.
CodeXox Black
Main website backdrop and dark UI shell
Deep Surface
Sidebars, nested panels, and dialog drawers
Card Surface
Interactive dashboard cards and elevated widgets
Subtle Border
Card dividers, table lines, and container outlines
Electric Purple
AI actions, primary CTA buttons, and glowing signals
Cyber Blue
Technology highlights, links, and cloud tags
Signal Neon
Live deployments, active agent pulses, and verified badges
Inter & Geist Heading Hierarchy
Mathematical optical scales engineered for high legibility across mobile, tablet, and ultra-wide displays.
Desktop: 72px · Mobile: 36px · Weight: 800 ExtraBold
Desktop: 56px · Mobile: 32px · Weight: 700 Bold
Desktop: 40px · Mobile: 28px · Weight: 700 Bold
Desktop: 28px · Mobile: 22px · Weight: 600 SemiBold
Desktop: 16px · Mobile: 15px · Weight: 400 Regular
Desktop: 14px · Mobile: 13px · Weight: 400 / 500
Desktop: 13px · Mobile: 12px · Weight: 500 Medium
Standardized Interactive UI Primitives
Buttons, glassmorphic cards, AI status badges, and input states sharing uniform motion and interaction rules.
Interactive Buttons
All buttons support spring physics: scale(0.98) on click with subtle neon glow on hover.
Applied to hero cards, modals, and AI status overlays with 10–20% background opacity.