# Build Club — Brand Kit — complete > The brand and styling kit for the brands that live under Build Club. Every brand, in one file, grouped under its organization. The brands are deliberately separate: never blend one brand's colors, fonts, or voice into another. A brand nested under an organization inherits that organization's identity. Index: https://brand.buildclub.ai/llms.txt --- # Build Club > The community where builders ship. ## Organization: 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. ## Brand: Build Club Community > The world's most collaborative AI community. Build Club Community is the gathering place for builders — 60+ cities, 70K members, by the team behind Solaris. Its identity is loud, optimistic, and tactile: the three-part mark, a sticker-first culture, and a signature holographic foil that any shape, icon, or word can be cut from. Electric blue leads, tangerine punctuates, set in Neue Regrade over Satoshi. - Type: Community - Path: /build-club/community - Assets: https://brand.buildclub.ai/brands/build-club/community/ ### Typography - Display: Neue Regrade — 130% line height, −2% tracking - Body: Satoshi — 150% line height, 0% tracking - Mono: PT Mono — 150% line height, 4% tracking **Scale** - Heading 1: 56px/120% Semibold (heading) — Hero and largest section headings - Heading 1: 40px/120% Semibold (heading) — Primary page headings - Heading 2: 32px/130% Semibold (heading) — Section headings - Heading 2: 24px/130% Semibold (heading) — Subsection headings - Heading 3: 20px/140% Semibold (heading) — Card headings - Body lg: 18px/140% Medium (body) — Heading 3 support text - Body: 16px/140% Medium (body) — Text base - Small: 14px/130% Medium (body) — Text sm - X Small: 12px/120% Regular (body) — Text xs ### Color **Roles** - Primary: Blue `#0068F9` (token `core/blue/700`) - Secondary: Tangerine `#FF4E27` (token `core/tangerine/700`) - Accent: Violet `#B265FF` (token `core/violet/500`) - Neutral: Neutral `#464246` (token `core/neutral/700`) **Surfaces** - Background: `#FFFFFF` - Card: `#FFFFFF` - Muted: `#F4F4F0` - Border: `#EEEEEE` - Border strong: `#CBCBCB` - Text: `#3C3C3C` - Subtext: `#818181` - Inverse: `#3C3C3C` **Ramps** - Blue (Primary, figma): 50 `#F7FBFF`, 100 `#E8F2FF`, 200 `#C7DEFE`, 300 `#A6CBFC`, 400 `#85B7FC`, 500 `#63A3FC`, 600 `#428FFB`, 700 `#0068F9`, 800 `#0045A6`, 900 `#002F6F` - Tangerine (Secondary, figma): 50 `#FFECE7`, 100 `#FFD8CF`, 200 `#FFC5B8`, 300 `#FFB2A1`, 400 `#FF9C82`, 500 `#FF8464`, 600 `#FF6B46`, 700 `#FF4E27`, 800 `#A4381E`, 900 `#512114` - Violet (Accent, derived): 50 `#F8F3FF`, 100 `#F1E9FF`, 200 `#E4D2FF`, 300 `#D3B6FF`, 400 `#C28EFF`, 500 `#B265FF`, 600 `#9F4DF5`, 700 `#8A35E0`, 800 `#6A2DB0`, 900 `#4A1F7A` - Neutral (Neutral, derived): 50 `#FBFAFA`, 100 `#F2F1F3`, 200 `#E7E5E4`, 300 `#D2D0D4`, 400 `#A8A29E`, 500 `#78716C`, 600 `#57534E`, 700 `#464246`, 800 `#292524`, 900 `#1C1917` **Gradients** - Electric: `linear-gradient(120deg, #1E78FF 0%, #B265FF 100%)` - Hot edge: `linear-gradient(90deg, #1E78FF 0%, #B265FF 50%, #FF4E27 100%)` - Holographic foil: `linear-gradient(110deg, #A8E6FF 0%, #C6B8FF 26%, #FFE7B0 52%, #B8FFD9 72%, #FFC2E8 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 **Community accessory pairs** — Extra Build Club Community pairs. Use the deep tone with its paired light tint. - Blue: `#0068F9` · light `#D6E7FF` (deep + tint) - Green: `#009BA4` · light `#D5F5F7` (deep + tint) - Lime: `#9BB400` · light `#EFFE93` (deep + tint) - Pink: `#98007D` · light `#FFBBF3` (deep + tint) - Purple: `#6A45FF` · light `#DDD5FD` (deep + tint) - Orange: `#FF4E27` · light `#FFB2A1` (deep + tint) **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: Optimistic, Inclusive, Energetic **Do** - Say "anyone can" — lower the barrier. - Lead with momentum and shipping. - Name the city and the people — it's a community. - Let the stickers carry the fun. **Don't** - Don't gatekeep or sound elite. - Don't be corporate or flat. - Don't overuse the foil — it's a highlight, not a background. - Don't blur into the other Build Club brands. ### Principles - **Anyone can AI** — Lower the barrier. The community is for everyone building with AI, in every city — not just the experts. - **Sticker-first** — Identity is tactile and fun. Emoji, pixel, and holographic stickers carry the personality across products and marketing. - **Local, everywhere** — 60+ cities, 70K members. We name the place and the people — community is specific, not abstract. ### Motif & Background **Foil, grid & globe** — A faint perspective grid on white, the iridescent holographic foil as the signature surface, a globe for the cities, and scattered stickers with a little rotation. ## Brand: Build Club X > The X system on the web — dark-first, dual-persona, one accent at a time. How Build Club X shows up on the web — the system proven on the live consulting site, which is the master reference. The brand book's monochrome severity relaxes into a charcoal (never pure black) canvas with a porcelain light mode; lime speaks to companies and a periwinkle answers for the builders who moonlight; and the textures — waven waves, scanlines, a night sky, a blurred holographic blob or a halftone moon in the corner, a ghost pixel-X — decorate at whisper opacity while content stays monochrome. - Type: Community - Path: /build-club/x - Assets: https://brand.buildclub.ai/brands/build-club/x/ ### Typography - Display: GC North Sans — 130% line height, −2% tracking - Body: Inter — 150% line height, 0% tracking - Mono: Inter — Numerics, code, tables **Scale** - Display: 56px/120% Medium (heading) — Hero and largest titles - Heading 1: 40px/120% Medium (heading) — Primary page headings - Heading 2: 28px/120% Medium (heading) — Section headings - Heading 3: 20px/120% Medium (heading) — Card headings - Heading 4 / Body Bold: 16px/120% Semibold (body) — Bold body and compact headings - Heading 5 / Body Huge: 20px/120% Regular (body) — Large supporting copy - Body: 16px/120% Regular (body) — Text base - Body Medium: 14px/120% Regular (body) — Interface text - Body Small: 12px/120% Regular (body) — Captions - Tags: 14px/120% Regular (body) — +6-8% tracking · uppercase ### Color **Roles** - Neutral: Neutral `#000000` (token `x/neutral/900`) **Surfaces** - Canvas: `#18181B` - Card: `#212124` - Secondary: `#26262A` - Border: `#38383C` **Ramps** - Neutral (Neutral, figma): 50 `#F9F9FA`, 100 `#ECECEE`, 200 `#E1E1E2`, 300 `#C9C9CB`, 400 `#9A9A9B`, 500 `#6B6B6C`, 600 `#4A4A4B`, 700 `#3B3B3C`, 800 `#1E1E1F`, 900 `#000000` **Gradients** - Holographic foil: `linear-gradient(110deg, #A8E6FF 0%, #B8FFD9 26%, #FBFFC2 50%, #FFD9B8 73%, #E7C2FF 100%)` - Holo blob (ink): `conic-gradient(from 200deg, #2795C8, #7A66D6, #B8862C, #2E9E67, #C2519B, #2795C8)` **Core tokens** (shared by every brand) - Canvas `#18181B` — token `x-web/background` — Dark canvas — zinc, never pure black - Card `#212124` — token `x-web/card` — Raised cards + tiles - Secondary `#26262A` — token `x-web/secondary` — Chips, stat tiles - Text `#FFFFFF` — token `x-web/foreground` — Body + headings on dark - Muted text `#9A9A9B` — token `x-web/muted` — Secondary text, captions - Accent `#EAFF75` — token `x-web/lime` — Companies persona — CTAs, keywords, stats - Border `#38383C` — token `x-web/border` — Hairlines on dark **Persona accents** — Lime speaks to companies, periwinkle (the foil's violet stop, lifted) to the builders who moonlight — never both at once. On the light canvas the lime dot wears an ink ring, and builder text accents deepen to iris. - Companies — Lime: `#EAFF75` · icon `#000000` (black text on lime) - Builders — Periwinkle: `#A797FF` · icon `#000000` (black text on periwinkle) - Builders — Iris: `#6B54F5` · icon `#FFFFFF` (text accents on light) - Moon — dark: `#F2EEFD` · icon `#18181B` (--moon-fill on charcoal) - Moon — light: `#A294D6` · icon `#000000` (--moon-fill on porcelain) ### Voice & Tone Tones: Confident, Direct, Builder-first **Do** - Lead with the outcome — "Find the right AI expert for any project." - Highlight one keyword per headline: lime type on dark, a lime highlighter behind black type on light. - Open every section the same way: a dotted tag, a display heading, a muted sub. - Talk to builders as consultants — moonlighting is the theme, not an entry condition, so never write copy that assumes a day job. **Don't** - Don't set lime text or a solid lime button on the light canvas — it dissolves at 1.1:1. - Don't mix the personas' accents in one surface. - Don't hand-mix the foil — the supplied blurred asset for texture, the ink-stop conic for blobs. - Don't put the moon and the foil blob in one surface — they share the corner. ### Principles - **Dark-first, never black** — The web canvas is charcoal (#18181B) with raised graphite surfaces; the light mode is warm porcelain, never clinical white. Pure black stays in the brand book, print, and social. - **One accent per persona** — Lime speaks to companies, periwinkle to the builders who moonlight — carried by tag dots, primary CTAs, and whatever occupies the hero's top-right corner. Never both at once. - **Texture at whisper opacity** — Waven waves, scanlines, a blurred holographic blob, a night sky, and a ghost pixel-X decorate every canvas below ~13% opacity — content stays monochrome and does the talking. ### Motif & Background **Waven, scanlines & the corner** — Every hero sits on the same stationary canvas: the waven wave texture fading downward, a 1px/6px scanline rhythm, and the pixel-X ghosted at 3%. The top-right corner is one slot with two occupants — a heavily blurred holographic conic glow for companies, a halftone moon over a tiled starfield for the builders who moonlight. The page content slides over it; only the corner trades. ## 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. ## Brand: 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. - Type: Product - Path: /build-club/academy - Assets: https://brand.buildclub.ai/brands/build-club/academy/ ### 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: Blue `#0068F9` (token `core/blue/700`) - Secondary: Lime `#9BB400` (token `core/lime/700`) - Neutral: Neutral `#464246` (token `core/neutral/700`) **Surfaces** - Background: `#F6F8FA` - Card: `#FFFFFF` - Muted: `#EEF1F4` - Border: `#E8EAED` **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` - 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: Clear, Professional, Adaptable **Do** - Stay neutral so partner branding reads first. - Be precise and informative. - Keep the signal color purposeful. **Don't** - Don't impose Build Club's personality on a partner. - Don't decorate; let content lead. - Don't mix in Campus's playful motifs. ### Principles - **Neutral by default** — A calm, neutral base so each partner's brand can lead. - **Partner-first** — Blue is a signal slot — swap it for the partner's color and the system holds. - **Credible** — Clean, restrained, and professional. Powered by Build Club, never loud about it. ### Motif & Background **Quiet dot grid** — A restrained blue dot grid keeps the canvas calm so a partner's color can take the lead. ## Brand: Internal Tools > A register of generated assets for internal tooling. Internal Tools is where Build Club's home-grown tooling — Slack bots, scripts, and dashboards — collects its generated assets. Each entry is a one-off asset remixed from the brand system for an internal surface, kept here so it's findable, on-brand, and re-downloadable. It's a register, not a public brand: it grows an entry at a time as tools are built. - Type: product - Path: /build-club/internal-tools - Assets: https://brand.buildclub.ai/brands/build-club/internal-tools/ ### 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 ## Brand: Build Club X > AI experts, on-demand. Build Club X is the expert-network layer of Build Club — it matches companies with vetted AI experts who plan, build, and train teams on AI solutions. Its identity is monochrome-first and dark: a black canvas, white type, a single signature lime accent, the pixel-X mark, and a parametric logo system that spins up a distinct-but-cohesive lockup for every sub-community, event, and specialty. - Type: community - Status: **DEPRECATED** — This V1 brand-book page is kept as an archive. The applied identity — the live consulting site's dual-theme, dual-persona web system — is documented in the applied Build Club X guide. (see /build-club/x) - Path: /build-club/x/deprecated - Assets: https://brand.buildclub.ai/brands/build-club/x/ ### Typography - Display: GC North Sans — 130% line height, −2% tracking - Body: Inter — 150% line height, 0% tracking - Mono: Inter — Numerics, code, tables **Scale** - Display: 56px/120% Medium (heading) — Hero and largest titles - Heading 1: 40px/120% Medium (heading) — Primary page headings - Heading 2: 28px/120% Medium (heading) — Section headings - Heading 3: 20px/120% Medium (heading) — Card headings - Heading 4 / Body Bold: 16px/120% Semibold (body) — Bold body and compact headings - Heading 5 / Body Huge: 20px/120% Regular (body) — Large supporting copy - Body: 16px/120% Regular (body) — Text base - Body Medium: 14px/120% Regular (body) — Interface text - Body Small: 12px/120% Regular (body) — Captions - Tags: 14px/120% Regular (body) — +6-8% tracking · uppercase ### Color **Roles** - Neutral: Neutral `#000000` (token `x/neutral/900`) **Surfaces** - Black: `#000000` - Surface: `#0B0B0C` - Graphite: `#1A1A1B` - Border: `#2A2A2B` **Ramps** - Neutral (Neutral, figma): 50 `#F9F9FA`, 100 `#ECECEE`, 200 `#E1E1E2`, 300 `#C9C9CB`, 400 `#9A9A9B`, 500 `#6B6B6C`, 600 `#4A4A4B`, 700 `#3B3B3C`, 800 `#1E1E1F`, 900 `#000000` **Gradients** - Holographic foil: `linear-gradient(110deg, #A8E6FF 0%, #B8FFD9 26%, #FBFFC2 50%, #FFD9B8 73%, #E7C2FF 100%)` **Core tokens** (shared by every brand) - Canvas `#000000` — token `x/black` — Default background - Surface `#0B0B0C` — token `x/surface` — Raised cards + sheets - Text `#FFFFFF` — token `x/white` — Body + headings + knockout logo - Muted text `#9A9A9B` — token `x/gray-400` — Secondary text, captions - Accent `#EAFF75` — token `x/lime` — The one brand accent - Border `#2A2A2B` — token `x/border` — Hairlines on black **Parametric spectrum** — Used exclusively within the parametric logo generator — never elsewhere in the UI. - Red: `#FF3B3B` - Orange: `#FF7A00` - Amber: `#FFC400` - Lime: `#B7FF00` - Green: `#00FF66` - Teal: `#00FFD5` - Cyan: `#00CFFF` - Blue: `#0066FF` - Indigo: `#5B3DFF` - Purple: `#9D00FF` - Magenta: `#FF00B7` - Rose: `#FF3E7F` ### Voice & Tone Tones: Confident, Direct, Builder-first **Do** - Be clear, direct, and jargon-light. - Sound like a practitioner who ships, not a consultant. - Let black, white, and the one lime accent do the work. **Don't** - Don't be corporate or write white-paper prose. - Don't use the parametric spectrum anywhere outside generated logos. - Don't recreate the holographic foil by hand — always use the supplied asset. ### Principles - **Expert network** — We match companies with vetted AI experts who plan, build, and train teams — not generalists, on-demand. - **One system, many X's** — Every sub-community, event, and specialty is generated from one parametric foundation — distinct, yet unmistakably Build Club X. - **Practitioners, not consultants** — We speak and design like people who ship things, never like consultants writing white papers. ### Motif & Background **Holographic foil + waven** — A black canvas carries the near-invisible waven wave texture, with the iridescent holographic foil as the one signal — on rings, borders, badges, and the app icon. --- # Solaris > Build Club, brought inside your company. ## Organization: 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. ## 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. ## Brand: Solaris Marketing > Your AI strategy, delivered. This guide shows the theme of the Solaris sales prospectus. Soft white is the default canvas, and violet is the cool alternative. Paper veil surfaces, orange and indigo accents, editorial type, hairlines, and left-rule callouts form one light document system. - Type: Marketing - Path: /solaris/marketing - 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 — Uppercase · 18% tracking **Scale** - Cover title: 60px/105% Regular (heading) — Prospectus cover - Hero title: 50px/110% Regular (heading) — First content section - Section title: 36px/115% Regular (heading) — Section headings - Body: 16px/150% Regular (body) — Body copy - Eyebrow: 11px/100% Medium (mono) — Labels and captions ### Canvas themes - **Soft white (default)** - Background: `#FAF8F7` - Card: `#FFFFFF` - Muted: `#F1EFEA` - Border: `#E3E0D9` - Stars: `#5A55E4` - **Violet** - Background: `#F0EEFA` - Card: `#FFFFFF` - Muted: `#E8E5F5` - Border: `#DDD9EC` - Stars: `#F4892C` ### 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: `#FAF8F7` - Card: `#FFFFFF` - Muted: `#F1EFEA` - Border: `#E3E0D9` **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** - Open every section with a mono eyebrow over a serif headline. - Ration purple to one insight moment per section. - Use the tint ladder — base for fills, deep for display, ink for small text. **Don't** - Don't invert to dark surfaces — emphasis is a lighter veil, not a darker block. - Don't use the deprecated cream-and-cocoa sunburst palette. - Don't box content — structure is hairlines and left rules, not cards. ### Principles - **Light, never dark** — The soft-white canvas is the default, and the violet canvas is the cool alternative. Paper veil bands, hairlines, and the type scale create emphasis. Never use a dark inversion. - **Space is the luxury** — Generous measure, hairline structure, and a strict spacing rhythm carry the premium feel. - **The light is the motif** — Warm radial washes, drifting star fields, and starbursts echoing the mark do the decorating — content does the talking. ### Motif & Background **Sunlight, veils & starbursts** — Ambient sun washes cluster top-left with a violet answer top-right; emphasis moments sit on fixed-attachment veil bands with drifting star fields; starbursts echo the mark in product orange and purple. ## Brand: Physical Marketing > The Solaris brand in the physical world — banners, events, and print. Solaris is the enterprise product that brings a Build Club community — and everything Build Club offers — inside a company. This page archives the earlier physical-marketing identity: sun-yellow and peach starbursts over a cream canvas with deep cocoa ink, set in the Brawler serif. Its starburst motif lives on in the Solaris Marketing system; its palette does not. - Type: Organization - Status: **DEPRECATED** — This page is deprecated. Its sunburst banner palette is kept only as an archive for existing print collateral — new marketing work uses the Solaris Marketing system. (see /solaris/marketing) - Path: /solaris/physical-marketing - 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** - Neutral: Neutral `#464246` (token `core/neutral/700`) **Surfaces** - Background: `#F7F0EA` - Card: `#F9F7F2` - Muted: `#F1E7DA` - Border: `#E6D9C6` **Ramps** - Neutral (Neutral, derived): 50 `#FBFAFA`, 100 `#F2F1F3`, 200 `#E7E5E4`, 300 `#D2D0D4`, 400 `#A8A29E`, 500 `#78716C`, 600 `#57534E`, 700 `#464246`, 800 `#292524`, 900 `#1C1917` **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 ### Voice & Tone Tones: Considered, Confident, Warm **Do** - Write with authority and calm. - Use the serif for headlines; keep body crisp. - Let the sun-and-peach starbursts signal warmth and optimism. **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 - **Premium** — Considered, generous spacing and a serif voice — built to feel high-end. - **Editorial** — Brawler headlines and quiet color let the content read like a publication. - **Enterprise-ready** — Sits comfortably alongside the most serious brands and IT requirements. ### Motif & Background **Sunburst** — A cream canvas with bold sun-yellow and peach starbursts and deep cocoa ink — warm, optimistic, editorial.