Demos
Six pages built on one system.
A shop, a publication, a product page, docs, a component catalog and a portfolio. Each keeps its own layout; all of them share the tokens.
6
Examples
5
Accents
2
Modes
-
Commerce
Linden
A full store: catalog, product page, cart, checkout, receipt and a reading note.
Catalog Cart Checkout -
Notes
Field Notes
A post list and one long-form article with a pull quote and code.
Article Pull quote Code -
SaaS
Ledgerline
A product landing page with pricing and an FAQ.
Landing Pricing FAQ -
Docs
Quill
Sidebar navigation, code blocks, a table and a callout.
Sidebar Code Table -
Reference
Components
One page catalog of every token, type size and component.
Tokens Type Components -
Portfolio
Mara Okafor
Intro, selected work with tags, about and contact.
Work About Contact
Every example has a theme and mode switcher in the top right.