PRODUCT

Solaris

The enterprise home for your builders.

01

Overview

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

01
Premium

Considered, generous spacing and a serif voice — built to feel high-end.

02
Editorial

Brawler headlines and quiet color let the content read like a publication.

03
Enterprise-ready

Sits comfortably alongside the most serious brands and IT requirements.

03

Color

Primary
Orange#F4892C
Secondary
Purple#5A55E4
Neutral
Neutral#464246

Surfaces

Background#F6F5FC
Card#FFFFFF
Muted#EEECFB
Border#E9E6F5

Ramps

OrangePrimarycore/orange
PurpleSecondarycore/purple
NeutralNeutralcore/neutral· Global

Gradients

Click to inspect from / to / direction + 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

Solaris renders the learning ladder in purple — the top tier is a gradient.

Tier / Leaderboard

Rank tiers shared across brands — each a metallic gradient.

Core tokens

Shared by every brand.

#F4892C
Orange · 700
PrimaryExact
HEX#F4892C
RGBrgb(244, 137, 44)
Tokencore/orange/700
04

Typography

AgDisplay
Brawler
130% line height · −2% tracking
AgBody
DM Sans
150% line height · 0% tracking
AgMono
PT Mono
150% line height · 4% tracking
DisplayBuild the thing.
Heading 1Build the thing.
Heading 2Build the thing.
Heading 3Build the thing.
BodyBuild the thing.
SmallBuild the thing.
MonoBuild the thing.
05

Voice & Tone

ConsideredConfidentRefined
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.
06

Motifs & Backgrounds

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.

07

Imagery

Coming soon
In progress

Photography and illustration direction is in progress.

08

Layout & Spacing

Corner radius

Base radius drives every surface via --radius.

Spacing scale
4
8
12
16
24
32
48
64
09

UI Components

Badge

Every element reads the brand's live Tailwind tokens — no per-brand markup.

10

Marketing

Coming soon
In progress

Product UI, social, and collateral applications will be showcased here.

11

Accessibility

Primary
6.76:1AA
Body
15.49:1AAA
Accent
6.88:1AA
On card
16.78:1AAA
Muted
5.36:1AA
Secondary
5.45:1AA
12

Assets & Downloads

Coming soon
Assets folder

This brand's logos, fonts, imagery, and downloads live in one folder, nested under the brand. Drop files here and they'll be wired up as they land.

public/brands/solaris/product/
logo/fonts/color/imagery/icons/downloads/