Marketing site now renders product previews as live HTML
PublishedSora Tanaka
The hero and the how-it-works section on our marketing site used to use static image exports of the admin UI. Those exports were locked to dark mode, baked into a single locale, and went stale every time we shipped a real UI change.
We replaced them with live HTML and CSS mockups that render in the browser. The hero shows an accurate admin articles view; the how-it-works walks through four variants — basic, content, metadata, status — each as a real component.
Wins:
- The previews automatically adapt to light and dark mode with the rest of the page.
- They render in both English and Spanish from the same component.
- When we change the admin UI, the previews update in the same release — no more stale screenshots.
If you've landed on the marketing site in the last week, the homepage feels meaningfully more alive.
April 21, 2026
Activity feed
- SLSara Lindqvist
Live HTML previews on the marketing site instead of static screenshots is the right call. Always fresh, no asset pipeline drift, and you can interact with them.
May 7, 2026
•Replay