The nav and footer logo were still using the padlock icon in a
bordered badge div — a placeholder from before the brand mark existed.
Swapped in PauseMarkIcon (solid-fill, matches the extension icon and
favicon) and dropped the badge wrapper entirely; the mark sits directly
next to the wordmark now, same as the extension's own toolbar icon.
LockIcon itself is untouched — it still depicts the actual lock
feature in "How it works" and the hero demo card, which is correct.
Co-Authored-By: Claude Sonnet 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01HoMzqFw3d93hG6c9xB4thU
favicon.ico (16/32/48, transparent) and icon.svg for modern browsers,
apple-icon.png (180x180, solid #17130F background — iOS doesn't
composite transparency the way a browser tab does) for the home
screen. Same pause mark as the browser extension icon.
Co-Authored-By: Claude Sonnet 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01HoMzqFw3d93hG6c9xB4thU
Calm-dark aesthetic (warm near-black, glass cards, amber accent,
Newsreader + Inter) translated from the Claude Design canvas mockup:
hero with a faithful mock of the extension's real blur-lock treatment,
how-it-works, shipped features, an honestly-labeled coming-soon
section, and a privacy policy page matching the text already
submitted to AMO.
Co-Authored-By: Claude Sonnet 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01HoMzqFw3d93hG6c9xB4thU
selimaj-devandclaude