Academy
White-labeled learning, powered by Build Club.
Academy is a white-labeled platform that lets AI providers educate their own audience, powered by Build Club. Its base is intentionally neutral and clean — set in Host Grotesk — with a single signal color that each partner can make their own.
A calm, neutral base so each partner's brand can lead.
Blue is a signal slot — swap it for the partner's color and the system holds.
Clean, restrained, and professional. Powered by Build Club, never loud about it.
Surfaces
Ramps
Gradients
Click to inspect the stops, direction, and CSS.
Elements
Content-type colors. Each pairs a deeper tone with a lighter tint — reverse background/icon as needed.
Functional
System states — a light surface with a deep icon, or reversed.
Levelling
Campus and Academy render the learning ladder in blue — the top tier is a gradient.
Tier / Leaderboard
Rank tiers shared across brands — each a metallic gradient.
Core tokens
Shared by every brand.
- Stay neutral so partner branding reads first.
- Be precise and informative.
- Keep the signal color purposeful.
- Don't impose Build Club's personality on a partner.
- Don't decorate; let content lead.
- Don't mix in Campus's playful motifs.
A restrained blue dot grid keeps the canvas calm so a partner's color can take the lead.
Base radius drives every surface via --radius.
Every element reads the brand's live Tailwind tokens — no per-brand markup.