A plumbing, electrical and HVAC system extracted from a Phoenix-area contractor's live site. Two dark panels meet on a slanted crimson stripe; white pills weld onto crimson icon discs; yellow appears only where something is being checked off or counted. Every section in the catalog exists on the source.
Tokens, type, buttons, form fields, the signature devices and the brand assets.
23 patterns, each transcribed from a live section and cited to its source URL.
Homepage, service page, city page and about page, composed only from the catalog.
The flagship demo, in the source homepage's own section order.
_shared.css tokens and every componentpalettes.json crimson plus three matched variantsbrand-spec.md extraction record and crawl logsections.html the cataloghomepage.html flagship demolanding-1-plumbing.html service pagelanding-2-mesa.html city pagelanding-3-about.html about pagedesign-system.html kitchen sinkpages.html page galleryassets/plumber-redline-brand/ logos and photosOne diagonal does most of the brand work: the hero seam, the gap between the two service panels, the licence band's wedge and the areas panel's parallelogram all lean the same way.
Icons always sit in a circle: white on charcoal cards, crimson on white ones, yellow on the quote card. Buttons and tabs are full pills.
Yellow is check marks, list dots, licence-card edges and step numbers. It never takes a band or a heading.
Headlines name the trade and the place, title-cased, with no wordplay. Phone number and quote button repeat in nearly every band.