Skip to content

Commit c6e0d13

Browse files
fezcodefezcode
committed
feat(pattern): apply workbench design language to pattern generator
Rewrites apps/pattern-generator with the same Workbench aesthetic as the quote composer: warm cream background, white surfaces with hairline borders, muted terracotta accent, Fraunces regular display, Instrument Sans body, JetBrains Mono micro-labels. Swaps the three brutalist shared widgets (CustomSlider, CustomDropdown, CustomColorPicker) for the Workbench-native inline versions (WbSlider with accent-filled track, WbDropdown styled native select with chevron, WbColorRow with rounded swatch + hex field). Grid density slider now uses a format callback to show 'N cols · M rows' live. Restructures the page layout: slim sticky top bar (back link / status dot breadcrumb / right-side resolution chip), a compact one-line Fraunces title with subtitle and four action buttons (re-seed primary, SVG 4K, PNG 4K, PNG 1080p secondary), a 40px accent notch on the header hairline rule. Main area uses the standard Workbench grid: a larger preview on the left (col-span-8) sticky at top-20, controls on the right (col-span-4) with Canvas Setup and Color Palette cards. The preview sits on a white card with hairline border instead of the old dark bg-[#0a0a0a] container. Also updates the Workbench card on /design to link to /apps/pattern-generator instead of /apps/quote-generator, since it's the flagship for the design language now.
1 parent 155b62e commit c6e0d13

2 files changed

Lines changed: 567 additions & 553 deletions

File tree

‎src/pages/DesignSelectionPage.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -593,7 +593,7 @@ const DesignSelectionPage = () => {
593593
</Link>
594594

595595
{/* ── WORKBENCH ── */}
596-
<Link to="/apps/quote-generator" className="group block relative">
596+
<Link to="/apps/pattern-generator" className="group block relative">
597597
<motion.div
598598
whileHover={{ y: -10 }}
599599
className="h-full p-12 flex flex-col justify-between overflow-hidden transition-all duration-500 relative"

0 commit comments

Comments
 (0)