School’s Out design system
Step 3 of 6

Fill gaps

Fill anything missing, in a fixed order.

Three sources, in order

The business’s own always comes first. The outlined box is what this business’s page uses.

1. The business’s own2. Suggested3. School’s Out defaultBrand color
Its own colors
Read from its logo or photo
Soft placeholder colors
Photo
Its own photo
A matching stock photo
A calm default photo
Description
Its own wordsA Portland art studio for kids and grown-ups, with creative classes, no-...
Its words, completed
Written from its listing
Show logic

Each piece resolves through three layers, the business’s own first. Whatever a business has always shows, and the page keeps the same layout; only the sources change. While a needed sample has not arrived the brand layer is pending and every branded surface stays neutral. One layer feeds every surface, so layers never mix.

resolveBrand(business, intake, assessment): BrandResolution

Color rolesprimary #0a80d6, secondary #ffb0d4
SamplingNot needed
HeadingA place to make something wonderful
HighlightsClasses, camps, and drop-in studio, Kids and grown-ups make together, Making parties and celebrations
ContactVisit website
Photo creditThe business’s own

Try it: initials for a business without a logo

Initials: PC

Relationship functions

FunctionFrom → toHome
brandRolesoverrides + own colors → primary, secondary, accentsresolve.ts
suggestFromCandidatescandidates → suggested paletteresolve.ts
companionPalettedeclared primary + candidates → paletteresolve.ts
monogramname → two initialsresolve.ts