Websites

Brand colours arrive as hex codes, not as contrast ratios. So I measure first. Solar DNA's orange #FE9700 came in at 2.18:1 — unreadable as text — so it became a fill-only token and #AB6600 at 4.53:1 does the words. Wilton's peach #FFBC7D was body text on their old site at 1.65:1. It is now an urgency fill and nothing else.

CamelPhat runs two grounds, night #171B22 and sand #D9CDB8, each with separately measured ink, because the tan accent #C89B6E reads 6.59:1 on the dark and 1.60:1 on the light. Same hex, two different jobs.

Every build gets driven through headless Chrome at 320, 390, 768 and 1440 to catch overflow, and I pixel-sample the rendered background to get the real ratio instead of the one the stylesheet implies.

That is how CamelPhat's video hero got fixed. Measured against the worst frame of the clip, bright aluminium rails dropped the lead paragraph to 1.07:1. A brightness floor plus a scrim that changes axis at 1024px ended at 11.2:1 on the headline and 6.8:1 on the lead, on mobile.

Veritas was built from their company profile and I reproduced it verbatim — 20 service names, 18 project-experience items, both directors' details, nothing reworded. Solar DNA's own photography was downloaded and self-hosted rather than swapped for stock.

Where stock is unavoidable I check every frame. Of CamelPhat's 25 stock images, four had to go: three carried tiled rawpixel watermarks, and one keyed "solar-farm-rows", live in two places, was a photograph of a Japanese torii gate.