Cards
Media card
Image bleeds to the card edge, copy sits under it.
“Review card, italic display serif, attribution in the sans below.”
Attribution line
Every token, face and component in the kit, on one page. Switch palettes with the toggle to see the three luminance-matched variants against the canonical extraction.
Ranked from declaration counts scoped to the source's own section-builder rules, with plugin and vendor stylesheets excluded.
#fdf9f5#fbf7f4#ffffff#ebe5eb#e2c5d6var(--accent-light)var(--accent)#964953#564943#f8bc54#e2835a#7c8f58The source paints its paint-chip rows with mix-blend-mode multiply, so overlapping chips darken the way real chips on paper do.
Fraunces for display, Plus Jakarta Sans for body and interface, Oswald for the condensed caps device, Caveat for the script annotation.
Create your Dream Home
Lede measure. Learn the system and discover what your home actually needs before you spend another dollar.
Body measure. Neutrals and whites look simple until you start comparing them against flooring, countertops, tile, upholstery, or existing trim.
Condensed caps device set against the serif, face and case only.
and the script annotationHover any of these. The wave is a 1440 by 320 SVG parked below the pill at 250 percent scale; hover moves it to bottom zero and squares the radius over 0.7 seconds.
Image bleeds to the card edge, copy sits under it.
“Review card, italic display serif, attribution in the sans below.”
Attribution line
Bands round on a single edge. These four are the values the source actually ships.
Twelve photographs from the source plus a placeholder mark. The wordmark is deliberately not the source's own, so the kit can be sprinkled without carrying a real company's name.
interior-marigold-mark.svg
interior-marigold-mark-light.svg
hero-owner.webpkitchen-white.webp
kitchen-warm.webp
bath-primary.webp
bath-bw.webp
room-library.webp
exterior-bungalow.webp
garden-studio.webp
interior-woodland.webp
interior-condo.webp
portrait-owner.webp
swatch-pair.webp