ListingView Design System
Build pages that feel unmistakably ListingView.
One width system, one type scale, one set of color tokens — so every new section looks like it belongs.
The system
Three rules, every block.
Consistent widths
Wide 1200, standard 900, reading 680 — pick a tier and set it on the content wrapper.
Type & color tokens
Satoshi and Inter on a fixed scale, with theme-aware color tokens — applied, never hardcoded.
Responsive by default
Every block is fluid or pre-sized for tablet and phone. No desktop-only sections ship.
Start your next section in the Sandbox.
Prototype against the width guides, then move it onto a real page.