Campus
A community learning platform, open to anyone.
Campus is Build Club's community learning platform — open to anyone, playful and welcoming by design. Its identity leans into a vivid lime, an isometric grid, glassmorphic surfaces, and the Jersey 25 pixel display.
Campus welcomes every builder, wherever they're starting from.
Bright lime, a pixel mascot, and game-like energy make learning feel light.
Progress comes from shipping — courses, challenges, and projects, not lectures.
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.
- Cheer people on and keep momentum.
- Use concrete, doable next steps.
- Let the lime + pixel motif carry the fun.
- Don't talk down to beginners.
- Don't be precious or corporate.
- Don't overuse the accent — lime leads, tangerine punctuates.
Campus sits on a lime isometric grid with glassmorphic cards and a pixel mascot — energetic and game-like.
Campus's playful side is carried by a set of Streamline-Pixel glyphs — pixel-art creatures and objects that pair with the Jersey 25 display and the lime isometric grid. The pixel dinosaur is the recurring mascot. They live in icons/pixel/ as crisp, recolourable SVGs.
T-Rex
Turtle
Frog
Robot
Ice cream
Rabbit
Panda
Dog
Bread
Android
Cat
KnightBase radius drives every surface via --radius.
Every element reads the brand's live Tailwind tokens — no per-brand markup.