Loading...
Foundation deliverables for website redesign • Phase 1 Complete
Live preview of the homepage hero section with our design tokens. Aviation theme woven into messaging and CTAs.
Test free. Ship with confidence. Scale without friction. From paper planes to jets, your events always land.
Brand colors anchor trust (deep blue), action (green), and attention (yellow). Every color has a defined role.
Space Grotesk for display and headings, Inter for body text, JetBrains Mono for code. Aviation precision meets readability.
Four variants, three sizes. Primary green drives action, secondary for alternatives, ghost for navigation.
Status indicators and labels. Aviation tier names built into the system.
Content containers with progressive elevation. Hover the interactive card to see the lift effect.
Static content container for dashboard panels and settings.
Hover me! Lifts with shadow transition. For clickable items.
Green border + brand shadow. For recommended tiers or highlights.
Clean, accessible inputs with visible labels. Click to see focus ring.
Dark background (brand blue), syntax highlighting, copy button. Code is a first-class citizen.
From paper planes to jets. Each tier named after an aircraft class, reflecting increasing power and capability.
8px base grid. Consistent spacing creates visual rhythm across all components.
Progressive depth for visual hierarchy. Brand shadow (green glow) for primary CTAs.
Hover each box to feel the timing. Every animation serves comprehension, never decoration.
All motion respects prefers-reduced-motion. Spring easing used sparingly for playful interactions.