Examples

Small pages built with the system. Copy, fork, break, rebuild.

Want all of it on one page instead of eight? The showcase puts a marketing hero, a blog card, a dashboard and a 404 side by side, every block built from the same components — switch the theme and watch the whole page re-skin without a line of code changing.

• Marketing hero — A centered landing hero — script kicker, display headline, two calls to action.
• Pricing — A three-up card grid with a highlighted middle tier and a seal.
• Form — A stacked contact form — labelled email + message with send/cancel.
• Dropdown — The house dropdown: a full-width trigger and an anchor-positioned menu, zero JS.
• Hamburger + drawer — Three bars that morph into an X off aria-expanded, opening an edge drawer.
• Footer — A simple site footer — logo and copyright on the left, links on the right.
• Print to PDF — A real invoice you can Ctrl+P — screen chrome drops, links become followable URLs, and the sheet numbers itself. Zero JS, no PDF library.
• Letterhead & footer — A printable letter — a print-only letterhead header and a footer pinned to the foot of the sheet, both reading the print palette. Ctrl+P to see them appear.