Resume Notebook design system
Clean, airy, editorial. Cream surfaces with ink text. Sienna for primary actions. Hard-offset shadows that say "this is a draft, not a clean spreadsheet." This is the kitchen sink — every component, in one place. Tweak the live tokens panel in the bottom right to nudge the system in real time.
Live in v0.1
Colors
Cream and ink scale, sienna accent, status colors, marketing accents.
Typography
Lora for display, DM Sans for UI, IBM Plex Mono for data.
Logo
App icon mark, RN wordmark, theme variants for cream / ink / sienna surfaces.
Icons
Glyph library and the boxed icon treatment — solid accent, white knockout.
Hero
Marketing hero recreations: nav, headline, interview CTA, resume card stack, ticker, features strip.
Buttons
Primary, secondary, ghost, ghost-danger; sizes, states, reveal pattern.
Forms
Underline inputs, sunken textareas, custom select triggers.
Cards
Surface cards — default, padded-lg, bordered-only variants.
Section grid
Resume section navigation primitive — grid / inline layouts, stacked / inline cells, light / dark themes. Mirrors the production API verbatim.
Status
ATS mark, score ring, section completion lists.
Patterns
Interview chat, kanban card, work experience form.
Marketing
Accent palette, trust items, feature cards, CTA blocks.
Print
Bleed system, registration marks, background textures.
Resumes page
Full-page draft built on DSCollectionLayout — title with count, filters, view tabs, and a card grid. Variation hints for applications kanban and target roles table.
Migration drafts
Production surfaces rebuilt in the new system with placeholder data — design locked, wiring still to come.