A loud, playful gaming-native system on a deep-indigo canvas lit by Blurple, electric green, and vibrant magenta gradients. Heavy all-caps ABC Ginto Nord display shouts over generously rounded media and full-bleed colour bands.
ggsans — ABC Ginto Nord (heavy display) paired with ggsans / ABC Ginto for body; Inter shown as the open-source substitute. Headlines shout in 700-800 all-caps; body drops to 400-500.
Vibrant magenta panel framing a product mockup or 3D prop — the playful signature surface.
Raised-indigo card holding product screenshots and chat mockups.
Full-bleed Blurple field for big-number stats and CTA bands.
8px base unit. Card interiors run xl (24px) to section (40px); buttons pad sm-lg vertical by xl horizontal.
Soft throughout: 12px on CTAs, 16px on cards and media, 40px+ on gradient feature panels, up to jumbo 120px on signature shapes.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single column; nav → hamburger; CTAs + pricing tiers stack full-width |
| Tablet | 768–1023px | Grids collapse toward 2-up / 1-up; nav condenses |
| Laptop | 1024–1279px | Tightened gutters; 3-col grids retained |
| Desktop | ≥ 1280px | Full multi-column grids; centred ~1200px column |
Touch targets: button-primary and button-green clear 44x44 WCAG-AAA via their vertical padding. Collapsing: nav collapses to logo plus hamburger below the tablet breakpoint (Download CTA stays); multi-column pricing/feature grids reflow to a single stacked column; section padding compresses toward 20-32px; gradient cards and bands span full width; display type scales down while keeping weight 700-800.
Three-up plan grid with the middle tier polarity-flipped. Mono uppercase tier name, display numeral price, hairline-divided feature list.
For individuals getting started.
For teams ready to ship.
For organizations operating at scale.