A warm editorial system for interior design and personal-brand education businesses. Cream paper, a periwinkle accent, berry and lilac bands, an optical-size serif against a geometric sans, and a pill button that floods with a painted wave on hover.
Swatches, the type ramp, every button state, cards, chips and the signature anchors.
Thirty-nine patterns, each transcribed from a live section with its source URL cited.
The homepage plus three landings, composed only from the catalog.
Tokens, font substitutions, the crawl-scope log and the full pattern inventory.
A pill that hides its overflow while a painted wave waits below the frame. On hover the wave rises, the radius squares off, the label colour inverts and the arrow slides. It is the single most recognisable thing on the source site.
Lowercase handwritten labels sit beside headings rather than above them: "start here", "hit play", "free download", "the beginning". They carry hierarchy without a rule, a stripe or a mono caps label.
Cream, periwinkle-light, berry, lilac-grey, back to cream. Section grounds do the pacing, so the page reads as chapters rather than as a scroll of cards.
Bands round on a single edge, never evenly. A 45px sweep on the right, a 20px shelf on the top. It reads as paper laid on paper.
Fraunces steps its optical size with its point size, so display lines get the fine, high-contrast cut and body headings stay sturdy. It replaces a commercial face the source licenses.
The palette is not decoration here, it is the product. Swatch strips paint with multiply blending so overlapping chips behave like real paint chips on paper.