# Solaris — Brand Dossier

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

## Brand: Solaris
> The enterprise home for your builders.

The Solaris product brings a private Build Club community, learning, and tooling into the enterprise — a single, premium surface for a company's builders.

- Type: Product
- Path: /solaris/product
- Assets: https://brand.buildclub.ai/brands/solaris/product/

### Typography
- Display: Brawler — 130% line height, −2% tracking
- Body: DM Sans — 150% line height, 0% tracking
- Mono: DM Sans — Numerics and utility labels

**Scale**
- Page title: 32px/130% Semibold (heading) — Default product page title
- Detail title: 24px/120% Semibold (heading) — Detail title; 32px on desktop
- Section title: 24px/130% Regular (heading) — Page section headings
- Card title: 18px/130% Regular (heading) — Card headers
- Body: 16px/150% Regular (body) — Body copy
- Interface: 14px/normal Semibold (body) — Buttons, fields, and tabs
- Caption: 12px/140% Regular (body) — Metadata and captions
- Pill: 10px/normal Semibold (body) — Compact status pills

### Color

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

**Surfaces**
- Background: `#F7F0EA`
- Card: `#FFFFFF`
- Paper: `#F8F8F2`
- Muted: `#FBFAFA`
- Border: `#F2F1F3`

**Ramps**
- Orange (Primary, figma): 50 `#FEFAF7`, 100 `#FEECDF`, 200 `#FFDABC`, 600 `#FCA966`, 700 `#F4892C`
- Purple (Secondary, figma): 50 `#F8F7FF`, 100 `#EBE7FF`, 200 `#DAD9F9`, 300 `#BEBBFF`, 400 `#8E8AF0`, 500 `#5A55E4`, 800 `#34308F`, 900 `#29256B`
- Neutral (Neutral, derived): 50 `#FBFAFA`, 100 `#F2F1F3`, 300 `#D2D0D4`, 700 `#464246`

**Gradients**
- Welcome banner background: `linear-gradient(82.45deg, #F9F8FF 17.28%, rgba(218,217,249,0.5) 72.49%, #F8CBB4 108.54%)`
  - Stops: `#F9F8FF` at 17.28%, `rgba(218,217,249,0.5)` at 72.49%, `#F8CBB4` at 108.54%
  - Use: This gradient is the background layer. The banner adds the arc, ribbon, and sparkle artwork above it.
- Hero wash: `linear-gradient(111.48deg, rgba(218,217,249,0.5) 0%, rgba(235,231,255,0.5) 100%)`
  - Stops: `rgba(218,217,249,0.5)` at 0%, `rgba(235,231,255,0.5)` at 100%
- Page wash: `linear-gradient(112.32deg, rgba(218,217,249,0.5) 20%, rgba(254,220,195,0.65) 100%)`
  - Stops: `rgba(218,217,249,0.5)` at 20%, `rgba(254,220,195,0.65)` at 100%

**Core tokens** (shared by every brand)
- Page `#F7F0EA` — token `product/page` — Warm page canvas
- Card `#FFFFFF` — token `product/card` — Cards and controls
- Text `#464246` — token `text/default` — Headings and body text
- Secondary text `#78767C` — token `text/secondary` — Supporting copy
- Tertiary text `#918F95` — token `text/tertiary` — Placeholders and quiet metadata
- Action `#5A55E4` — token `action/brand` — Buttons, links, active tabs
- Control tint `#F8F7FF` — token `action/tint` — Primary button and selected surfaces
- Control border `#BEBBFF` — token `action/border` — Secondary button border
- Focus `#29256B` — token `action/focus` — Keyboard focus outline
- Hairline `#F2F1F3` — token `border/default` — Card, field, and divider borders

**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** — The Solaris product uses purple for the learning ladder.
- Learning / Beginner: `#F8F7FF` · icon `#5A55E4` (Entry tier)
- Intermediate / Enthusiast: `#DAD9F9` · icon `#5A55E4` (Mid tier)
- Expert / Advanced: gradient `linear-gradient(69deg, #34308F 0%, #5A55E4 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: Considered, Confident, Refined

**Do**
- Write with authority and calm.
- Use the serif for headlines; keep body crisp.
- Use the cream canvas, pastel wash, and restrained product accents.

**Don't**
- Don't use playful or pixel motifs.
- Don't crowd the layout — space is the luxury.
- Don't go dark; Solaris is light and airy.

### Principles
- **Warm canvas** — Cream and white surfaces keep the product light, calm, and welcoming.
- **Editorial** — Brawler headlines and generous spacing give the interface a clear hierarchy.
- **Clear actions** — Orange carries warm brand moments, while purple carries action text and controls.

### Motif & Background
**Pastel wash on cream** — A lavender-to-peach wash fades into a warm cream canvas. A quiet starburst keeps the Solaris mark present.

---

## Parent brand: Solaris
> Build Club, brought inside your company.

Solaris brings a private Build Club community, learning, and tooling into the enterprise. One identity carries the family: warm orange leads with a purple secondary over a light violet-tinted canvas, set in the Brawler serif — premium, editorial, and always light. The product and marketing pages each apply the system on their own terms.

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

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

### Color

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

**Surfaces**
- Background: `#F6F5FC`
- Card: `#FFFFFF`
- Muted: `#EEECFB`
- Border: `#E9E6F5`

**Ramps**
- Orange (Primary, figma): 50 `#FEFAF7`, 100 `#FEECDF`, 200 `#FFDABC`, 300 `#F9CCA9`, 400 `#FCC393`, 500 `#FEB97F`, 600 `#FCA966`, 700 `#F4892C`, 800 `#CC5C12`, 900 `#763104`
- Purple (Secondary, 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**
- Default: `linear-gradient(257deg, #FEECDF 0%, #DAD9F9 100%)`
- Strong: `linear-gradient(85deg, #8E8AF0 0%, #FEB97F 100%)`
- Page Header: `linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%), linear-gradient(109deg, rgba(218,217,249,0.5) 0%, rgba(254,236,223,0.5) 100%)`
- 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`

**Levelling** — Solaris renders the learning ladder in purple — the top tier is a gradient.
- Learning / Beginner: `#F8F7FF` · icon `#5A55E4` (Entry tier)
- Intermediate / Enthusiast: `#DAD9F9` · icon `#5A55E4` (Mid tier)
- Expert / Advanced: gradient `linear-gradient(69deg, #34308F 0%, #5A55E4 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: Considered, Confident, Refined

**Do**
- Write with authority and calm.
- Use the serif for headlines; keep body crisp.
- Let the soft orange-and-purple glow signal premium.

**Don't**
- Don't use playful or pixel motifs.
- Don't crowd the layout — space is the luxury.
- Don't go dark; Solaris is light and airy.

### Principles
- **One light system** — Orange leads, purple follows, and the organization canvas stays light.
- **Editorial** — Brawler headlines, mono eyebrows, and quiet color let everything read like a publication.
- **Enterprise-ready** — Premium and considered — comfortable beside the most serious brands and IT requirements.

### Motif & Background
**Sunlight on lavender** — Warm sun splotches step diagonally across a pale violet canvas, with a quiet starburst echoing the mark — the light is the motif; cards stay glassy and calm.