Foundations
Foundations
Documented
Written, reviewed and safe to build against.
Principles
Four rules that decide the arguments. Dark by default, one codebase for two breakpoints, depth from steps not shadows, and meaning before decoration.
Colour
A system with no brand hue. How the five surface steps and four text steps do the work colour usually does, and where saturation is allowed.
Typography
Plakat Grotesk for display, Inter for everything else — and the type-size flip that happens at the md breakpoint.
Responsive
One codebase, two breakpoints. The single most load-bearing rule in the system, and the reason every component gets reviewed twice.
Naming
Greenroom Co, Behind The Scenes, Lantern, Soundcheck, Onstage. The narrative every name in the business comes from.
Still drafting
Inventoried, not yet decided. Each one says what it is waiting on — an empty page that admits it is empty beats one that implies a decision has been made.
Space and layout
The spacing scale, container widths and the density rules for dense product surfaces.
Elevation
How BTS builds depth: surface steps, hairline borders and the convex button treatment.
Motion
Durations, easings and the fourteen keyframes the theme ships.
Accessibility
Contrast, focus, target size and the checks that run on every story.