Internal Reference Only (noindex)
Growax360 Design System
Living documentation of tokens, fluid typography, color palettes, UI components, and brand assets.
1. Color Palette Tokens
--bg-main#FFFFFF / #0B0C0F
--bg-surface#F6F7F9 / #14161B
--bg-surface-elevated#FFFFFF / #1B1E26
--accent-primary#3B5BFF (Electric Blue)
--accent-gradientBlue → Violet → Orange
--border-subtle#E8EAEE / #232731
2. Fluid Typography Scale
.text-hero (clamp: 44px - 96px, -0.04em)
Growth, engineered.
.text-section-h2 (clamp: 32px - 56px, -0.03em)
High-velocity acquisition funnels.
.text-section-h3 (clamp: 20px - 24px, -0.02em)
Enterprise SaaS & Performance Architecture
.text-body-lead (clamp: 18px - 20px)
Growax360 builds the marketing that brings you customers and the software that turns them into revenue.
.text-body (18px)
Standard paragraph typography designed with optimal line-height and contrast across light and dark modes.
3. Buttons & Interactive States
Text link with nudge arrow→Live Status Badge