Design System Dashboard
Welcome to the official Infineo Design System Portal. Internal brand guidelines and component documentation.
Color System
Official color system reference detailing core brand personality, swatches, surface tokens, border styles, and theme palettes.
| Brand Color | HEX Value | Brand Personality Statement |
|---|---|---|
| Regal Gold | #C9944E / #E8B445 |
Represents heritage wisdom, warmth, and prestige. |
| Imperial Navy | #060C17 / #0B1526 |
Represents trust, focus, and cosmic storytelling. |
| Parchment Ivory | #FAF5E8 |
Represents manuscript authenticity and comfortable reading. |
Typography
Font hierarchy and explicit heading samples using curated Google Fonts (`Cinzel`, `Nunito`, `Poppins`, `Fredoka`).
Iconography
Clean vector SVG icons designed for 16px, 20px, and 24px grid alignment with consistent 2px stroke weights.
UI Components
Reusable component patterns including buttons, form inputs, glassmorphic cards, and hero banners.
Interaction
Motion physics, interactive hover states, glass shatter transitions, and shimmer glare sweeps.
The .login-btn pill utilizes a linear glare sweep migrating from left: -100% to left: 160% on hover.