A warm, editorial design system, seen in the wild.
Nine sample pages — from marketing landing to inbox to long-form article — assembled from the same Paperline tokens, components, and icons. Every page links back to its source so you can copy any piece into your own work.
Product surfaces
App UIsSidebar nav, stat cards, filterable project table, team list, and activity feed.
Three-pane layout — folders, message list, message body. Hover and selection states.
Date-range filters, stat cards, a CSS bar chart, and a detailed breakdown table.
Multi-section profile form with toggles, appearance picker, and a confirm-delete danger zone.
Marketing & entry
Public surfacesEditorial hero, feature grid, pricing tiers, and testimonial — every typographic register on display.
Centered form card, OAuth providers, focus states, and inline validation messaging.
Four-step card flow: account, role, plan, success. Step dots and animated transitions.
Long-form reading: serif body, pull quote, code block, and a footnoted byline. The type stack at scale.
The smallest possible integration — one card, one button. Copy as your starting template.