# Campus — Brand Dossier

Lineage: Build Club → Campus. This dossier covers **Campus** (the focus) plus its parent brand **Build Club**, whose identity it inherits (logos, core tokens, shared voice).

## Brand: 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.

- Type: Product
- Path: /build-club/campus
- Assets: https://brand.buildclub.ai/brands/build-club/campus/

### Typography
- Display: Jersey 25 — 130% line height, −2% tracking
- Body: DM Sans — 150% line height, 0% tracking
- Mono: PT Mono — 150% line height, 4% tracking

### Color

**Roles**
- Primary: Blue `#0068F9` (token `core/blue/700`)
- Secondary: Lime `#9BB400` (token `core/lime/700`)
- Accent: Tangerine `#FF4E27` (token `core/tangerine/700`)
- Neutral: Neutral `#464246` (token `core/neutral/700`)

**Surfaces**
- Background: `#F7FBEA`
- Card: `#FFFFFF`
- Muted: `#F6FEB8`
- Border: `#E6EFD0`

**Ramps**
- Blue (Primary, figma): 50 `#F7FBFF`, 100 `#E8F2FF`, 200 `#C7DEFE`, 300 `#A6CBFC`, 400 `#85B7FC`, 500 `#63A3FC`, 600 `#428FFB`, 700 `#0068F9`, 800 `#0045A6`, 900 `#002F6F`
- Lime (Secondary, figma): 50 `#FCFFDC`, 100 `#F6FEB8`, 200 `#EFFE93`, 300 `#DEEF7B`, 400 `#CEE063`, 500 `#BDD14B`, 600 `#ACC22F`, 700 `#9BB400`, 800 `#667413`, 900 `#353A12`
- Tangerine (Accent, figma): 50 `#FFECE7`, 100 `#FFD8CF`, 200 `#FFC5B8`, 300 `#FFB2A1`, 400 `#FF9C82`, 500 `#FF8464`, 600 `#FF6B46`, 700 `#FF4E27`, 800 `#A4381E`, 900 `#512114`
- Neutral (Neutral, derived): 50 `#FBFAFA`, 100 `#F2F1F3`, 200 `#E7E5E4`, 300 `#D2D0D4`, 400 `#A8A29E`, 500 `#78716C`, 600 `#57534E`, 700 `#464246`, 800 `#292524`, 900 `#1C1917`

**Gradients**
- Default: `linear-gradient(263deg, #F6FEB8 0%, #C7DEFE 79%)`
- Strong: `linear-gradient(69deg, #0068F9 0%, #DEEF7B 100%)`
- Alternate: `linear-gradient(261deg, #F6FFBD 29%, #FFD8CF 100%)`

**Core tokens** (shared by every brand)
- Text `#464246` — token `text/default` — Default body + heading color
- Icon `#464246` — token `icon/default` — Default icon color
- Icon brand `#5A55E4` — token `icon/brand` — Brand-tinted icons
- Surface `#F2F1F3` — token `surface/light` — Muted surfaces, fills
- Border `#F2F1F3` — token `border/default` — Hairline dividers
- Border dark `#D2D0D4` — token `border/dark` — Stronger dividers
- Border strong `#464246` — token `border/strong` — High-contrast outlines
- Canvas `#FBFAFA` — token `neutral/50` — App background
- White `#FFFFFF` — token `white` — Cards, sheets
- Black `#000000` — token `black` — Max contrast

**Elements** — Content-type colors. Each pairs a deeper tone with a lighter tint — reverse background/icon as needed.
- Course: `#4B91F2` · light `#E6F0FF`
- Track: `#FCA966` · light `#FEECDF`
- Project: `#F87171` · light `#FFE7E7`
- Challenge: `#E0A80A` · light `#FFECCA`
- Quiz: `#8E8AF0` · light `#EBE7FF`
- Survey: `#3CBF82` · light `#D7FFEA`
- Game: `#DC79E5` · light `#F8DBFB`
- Bounties: `#0ACFDD` · light `#CFF0F3`
- Guide: `#464246` · light `#F2F1F3`
- Blog / Article / Report: `#464246` · light `#F2F1F3`
- Video: `#464246` · light `#F2F1F3`

**Levelling** — Campus and Academy render the learning ladder in blue — the top tier is a gradient.
- Learning / Beginner: `#F7FBFF` · icon `#0068F9` (Entry tier)
- Intermediate / Enthusiast: `#C7DEFE` · icon `#0068F9` (Mid tier)
- Expert / Advanced: gradient `linear-gradient(69deg, #0045A6 0%, #428FFB 100%)` · icon `#FFFFFF` (Top tier)

**Tier / Leaderboard** — Rank tiers shared across brands — each a metallic gradient.
- Platinum: gradient `linear-gradient(200deg, #E5F3FF 0%, #8FACCA 100%)`
- Gold: gradient `linear-gradient(200deg, #FAF0CB 0%, #E6C23B 100%)`
- Silver: gradient `linear-gradient(200deg, #F5F5F5 0%, #C0C0C0 100%)`
- Bronze: gradient `linear-gradient(200deg, #F2DACA 0%, #C08B68 100%)`

### Voice & Tone
Tones: Playful, Encouraging, Plainspoken

**Do**
- Cheer people on and keep momentum.
- Use concrete, doable next steps.
- Let the lime + pixel motif carry the fun.

**Don't**
- Don't talk down to beginners.
- Don't be precious or corporate.
- Don't overuse the accent — lime leads, tangerine punctuates.

### Principles
- **Open to anyone** — Campus welcomes every builder, wherever they're starting from.
- **Playful by default** — Bright lime, a pixel mascot, and game-like energy make learning feel light.
- **Learn by building** — Progress comes from shipping — courses, challenges, and projects, not lectures.

### Motif & Background
**Isometric grid + glass** — Campus sits on a lime isometric grid with glassmorphic cards and a pixel mascot — energetic and game-like.

---

## Parent brand: Build Club
> The community where builders ship.

Build Club operates several distinct brands. Some are products, some are sub-brands within a community — but each carries its own identity. This kit keeps them deliberately separate, so every brand can be browsed, themed, and copied on its own terms.

- Type: Organization
- Path: /build-club
- Assets: https://brand.buildclub.ai/brands/build-club/

### Typography
- Display: Host Grotesk — 130% line height, −2% tracking
- Body: DM Sans — 150% line height, 0% tracking
- Mono: PT Mono — 150% line height, 4% tracking

### Color

**Roles**
- Primary: Purple `#5A55E4` (token `core/purple/500`)
- Neutral: Neutral `#464246` (token `core/neutral/700`)

**Surfaces**
- Background: `#F8F7FF`
- Card: `#FFFFFF`
- Muted: `#EBE7FF`
- Border: `#E9E5F7`

**Ramps**
- Purple (Primary, figma): 50 `#F8F7FF`, 100 `#EBE7FF`, 200 `#DAD9F9`, 300 `#BEBBFF`, 400 `#8E8AF0`, 500 `#5A55E4`, 600 `#4C48D0`, 700 `#403CB5`, 800 `#34308F`, 900 `#29256B`
- Neutral (Neutral, derived): 50 `#FBFAFA`, 100 `#F2F1F3`, 200 `#E7E5E4`, 300 `#D2D0D4`, 400 `#A8A29E`, 500 `#78716C`, 600 `#57534E`, 700 `#464246`, 800 `#292524`, 900 `#1C1917`

**Gradients**
- Purple: `linear-gradient(89deg, #5A55E4 0%, #BEBBFF 100%)`

**Core tokens** (shared by every brand)
- Text `#464246` — token `text/default` — Default body + heading color
- Icon `#464246` — token `icon/default` — Default icon color
- Icon brand `#5A55E4` — token `icon/brand` — Brand-tinted icons
- Surface `#F2F1F3` — token `surface/light` — Muted surfaces, fills
- Border `#F2F1F3` — token `border/default` — Hairline dividers
- Border dark `#D2D0D4` — token `border/dark` — Stronger dividers
- Border strong `#464246` — token `border/strong` — High-contrast outlines
- Canvas `#FBFAFA` — token `neutral/50` — App background
- White `#FFFFFF` — token `white` — Cards, sheets
- Black `#000000` — token `black` — Max contrast

**Elements** — Content-type colors. Each pairs a deeper tone with a lighter tint — reverse background/icon as needed.
- Course: `#4B91F2` · light `#E6F0FF`
- Track: `#FCA966` · light `#FEECDF`
- Project: `#F87171` · light `#FFE7E7`
- Challenge: `#E0A80A` · light `#FFECCA`
- Quiz: `#8E8AF0` · light `#EBE7FF`
- Survey: `#3CBF82` · light `#D7FFEA`
- Game: `#DC79E5` · light `#F8DBFB`
- Bounties: `#0ACFDD` · light `#CFF0F3`
- Guide: `#464246` · light `#F2F1F3`
- Blog / Article / Report: `#464246` · light `#F2F1F3`
- Video: `#464246` · light `#F2F1F3`

**Tier / Leaderboard** — Rank tiers shared across brands — each a metallic gradient.
- Platinum: gradient `linear-gradient(200deg, #E5F3FF 0%, #8FACCA 100%)`
- Gold: gradient `linear-gradient(200deg, #FAF0CB 0%, #E6C23B 100%)`
- Silver: gradient `linear-gradient(200deg, #F5F5F5 0%, #C0C0C0 100%)`
- Bronze: gradient `linear-gradient(200deg, #F2DACA 0%, #C08B68 100%)`

### Voice & Tone
Tones: Direct, Energetic, Generous

**Do**
- Lead with the verb — build, ship, learn.
- Speak plainly and respect the reader's time.
- Celebrate what the community makes.

**Don't**
- Don't hype or overpromise.
- Don't bury the point in jargon.
- Don't blur the line between brands.

### Principles
- **Distinct by design** — Every brand keeps its own identity. Build Club never blends them.
- **Builder-first** — Made for people who ship — clear, fast, and useful over decorative.
- **In public** — We learn and build in the open, alongside the community.

### Motif & Background
**Purple wash** — A soft purple glow anchors Build Club surfaces — confident, communal, and unmistakably the core brand.