PALETTES
Ten palettes colour everything: these pages, the device, DJ PB's stage, the codex, the films you export, the logo, even your Boll's LED matrix. Everyone can switch between them at will. OGPB, the original, is the default.
OGPB
The original Pop Boll: a violet screen in a lavender frame, sunshine-yellow buttons, a hot-pink ON AIR lamp. A 1982 home computer that just booted.
POP BOLL OGPB
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
MILK BAR
A light, warm pastel: cream counters, strawberry buttons, mint links, butter highlights. Sunday morning with the radio on.
POP BOLL MILK BAR
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
PAPERBACK
Light and near-monochrome: newsprint, sepia, a red-ink pen and a blue pencil. Reads like a well-thumbed liner note.
POP BOLL PAPERBACK
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
GLACIER
Light and cool: blue-white ice, deep navy type, aqua and violet signals, one coral flare.
POP BOLL GLACIER
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
INKWELL
High contrast: a black screen, white type, and pure signal colours. AAA text everywhere.
POP BOLL INKWELL
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
SUNBURN
Warm and dark: an oxblood screen, a brick frame, gold buttons, apricot links and a coral lamp. Late August, still hot at midnight.
POP BOLL SUNBURN
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
NIGHT BUS
Cool and dark: deep teal-navy windows, sodium-orange street light, aqua signs and a red stop button. The last ride home.
POP BOLL NIGHT BUS
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
ARCADE CARPET
Neon on black-navy: lime, electric cyan and hot magenta, like the carpet in a bowling alley at 1 a.m. The loudest palette.
POP BOLL ARCADE CARPET
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
PEA SOUP
Monochrome-ish: four shades of pocket-console green, with the states, roles and tiers kept just colourful enough to tell apart.
POP BOLL PEA SOUP
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
SIGNAL
Colour-blind friendly: a neutral graphite screen and the Okabe-Ito signal set (orange, sky blue, bluish green, yellow, vermillion, reddish purple), spaced in lightness as well as hue.
POP BOLL SIGNAL
Body text, secondary text, a link, strong.
MAKE A SONGPLAYON AIRSHARED
the band is writing verse 2
COMMONUNCOMMONRAREEPICLEGENDARYSECRET
DdrumsBbassCchordsLleadPpadAarpFfx
YOUR OWN PALETTES
Basic Square subscribers roll their own palettes from the same 32 anchors, keep a library, and share them with each other for free. Subscribe to make one.
THE 32 ANCHORS
Every palette sets these 32 colours. Each one also has eight sympathetic colours derived from it (-hi, -lo, -deep, -mute, -shift, -glow, and -fg / -on for text), and the art adds named extras fitted to them. The rules every palette must pass are in docs/PALETTES.md.
| ANCHOR | GROUP | ROLE | OGPB | MILK BAR | PAPERBACK | GLACIER | INKWELL | SUNBURN | NIGHT BUS | ARCADE CARPET | PEA SOUP | SIGNAL |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
--ink | surface | always the darkest: outlines, hard shadows, text on bright fills | ||||||||||
--well | surface | insets: inputs, the status terminal, code blocks, sprite wells | ||||||||||
--bg | surface | the screen: every page's background | ||||||||||
--panel | surface | raised areas: buttons, cards, the current song | ||||||||||
--line | surface | rules and quiet borders | ||||||||||
--frame | surface | the machine's border around the screen; the browser's theme colour | ||||||||||
--soft | surface | secondary text, the .h2 label fill | ||||||||||
--text | surface | body text, inverse-video fills | ||||||||||
--paper | surface | always the lightest: highlights, strong text, sparkles | ||||||||||
--primary | accent | the primary action, headings, lit Music Notes, the stripe's middle band | ||||||||||
--secondary | accent | links and keywords, deck B, the stripe's bottom band | ||||||||||
--tertiary | accent | the hot colour: deck A, the stripe's top band, the brand's glow | ||||||||||
--live | state | ON AIR: the lamp, shared songs, the live tag | ||||||||||
--ok | state | good news: the status terminal, endless mode on, saved | ||||||||||
--warn | state | caution: the amber level, slow downs | ||||||||||
--error | state | errors and refusals | ||||||||||
--role-drums | role | the drums layer (DJ chips, deck art, screens) | ||||||||||
--role-bass | role | the bass layer | ||||||||||
--role-chords | role | the chords layer | ||||||||||
--role-lead | role | the lead layer | ||||||||||
--role-pad | role | the pad layer | ||||||||||
--role-arp | role | the arp layer | ||||||||||
--role-fx | role | the fx layer (near the text colour: noise is white) | ||||||||||
--tier-common | tier | blind-box rarity: COMMON (the least salient: low chroma) | ||||||||||
--tier-uncommon | tier | UNCOMMON (the green family) | ||||||||||
--tier-rare | tier | RARE (the cyan-blue family) | ||||||||||
--tier-epic | tier | EPIC (the violet family) | ||||||||||
--tier-legendary | tier | LEGENDARY (the gold family, always the brightest tier) | ||||||||||
--tier-secret | tier | SECRET (the hot family; its badge is the five-tier prism) | ||||||||||
--ball | device | the Pop Boll's body (the virtual device, the brand's ball) | ||||||||||
--bezel | device | the device's own screen and its frame: always dark | ||||||||||
--led | device | the matrix LEDs as the virtual device draws them |