React-Rendered US Letter Pages
Print-ready catalog booklets rendered as React pages. 8.5x11 US Letter, Cmd+P export, design token system, multiple booklets.
Print Catalog System. React components rendering production-ready US Letter pages.
Problem: catalogs designed in InDesign. Expensive license. Slow to update. Product data manually copied in. Price changes make the catalog instantly stale. No version control.
Fix: every catalog page is a React component. CatalogPage wrapper enforces eight-point-five by eleven with page-break-after. Product data imported directly. Command-P generates the PDF. Kelly270 button handles twelve-by-eighteen imposition for Ricoh printing.
Token architecture: tokens.ts defines section colors, type scale, print margins. Imported by Tailwind config and CSS variables. Colorways.ts maps hex swatches. Images.ts resolves paths with gradient fallbacks. Change one token, every page updates.
Outcome: four catalog booklets, over sixty pages. Always in sync with product database. Zero InDesign. Version controlled in Git. Print-ready at three hundred DPI.
Icon Tile.