Design audit · escapecollective.com · homepage, 1440px desktop · captured 24 Oct 2026

How the live homepage drifts from the Escape library

We measured the live homepage against the Escape Collective App Library in Figma, covering its colour variables, type styles and components. There are 13 places where the build has moved away from the system. The After view is the same live page, with only the library values applied on top.

3High
5Medium
5Low
6Already on spec
Off-libraryCorrected
Before · liveAfter · library applied
Escape Collective homepage with library values applied Escape Collective homepage as currently live
Drag the handle to compare. Pick a finding to jump to it.

Already on spec

These parts of the build already match the library and need no changes.

    How this was made

    The library values come from the Figma file Escape-Collective_App_Library, using the Escape Light / Dark variables in Dark mode. Desktop is checked against the Desktop text styles and components. Mobile is checked against the Homepage_01A frame and the Mobile text styles.

    The live values were read from the computed styles of the production homepage in Chrome, at 1440px and at 430px. The membership pop-up was hidden for the capture.

    The After view is the live page with one stylesheet of library values loaded on top, plus a sample header nav row. The topic chips in that row are placeholders taken from existing homepage sections, not a final menu. Nothing has been deployed.

    The last finding in each view is in the site’s code, so it has no marker on the page.