I like landing pages, and describing one from a screenshot is always a guess. So the scanner renders the page in a real browser, scrolls it so reveal animations load, and reads the CSS custom properties the site actually declares. Colours are weighted by how much of the page they cover.

Each page is split into vertical bands, from the hero through feature grids, media and the CTA down to the footer. Every band gets its own layout, headings and cropped screenshot, so you can take one section from a site instead of the whole thing.

To check the output I rebuild exa.ai from its own scan and compare it with the real page. The first comparison turned up 41 discrepancies from 6 root causes, and I fixed all of them. It ships as a site, a Chrome extension and an npm package, and the 14 second launch recording reached around 51K views.