QuickDir — Product Directory SaaS — Référence de design web et prompt

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "QUICKDIR" NEXT.JS TEMPLATE BY THEMEFISHER, REBUILT AS PLAIN HTML/CSS/VANILLA JS (NO BUILD STEP), INCLUDING EVERY DISCOVERED PAGE, HOVER STATES, AND SCROLL/ENTRANCE ANIMATIONS.

REFERENCE: `https://themefisher.com/demo?theme=quickdir-nextjs`

> NOTE: THE LIVE PREVIEW HOST WRAPS THE TEMPLATE IN ITS OWN CHROME (VIEWPORT TOGGLES, "GET THIS TEMPLATE" BUTTON, ETC). THE ACTUAL TEMPLATE IS SERVED FROM THE EMBEDDED IFRAME AT `https://quickdir-nextjs.vercel.app/`, WHICH IS THE GROUND TRUTH USED FOR ALL RECON AND BUILDING. THE PREVIEW HOST'S OWN CHROME WAS IGNORED.

## SUMMARY

QUICKDIR IS A DIRECTORY / PRODUCT-LISTING SAAS MARKETING TEMPLATE (LIKE A PRODUCT-HUNT-STYLE DIRECTORY OR TOOLS DIRECTORY). IT HAS A LIGHT DEFAULT THEME WITH A BLUE ACCENT, CARD-BASED PRODUCT LISTINGS WITH LOGOS/BADGES/UPVOTE COUNTS, A PRICING TABLE, A DOCS/CHANGELOG SECTION, AUTHOR PROFILES, A BLOG, AND A "SUBMIT" FORM PAGE FOR ADDING A NEW LISTING. TYPOGRAPHY IS SET IN "INTER" THROUGHOUT. THE UI IS BUILT ON A SHADCN/TAILWIND-STYLE DESIGN SYSTEM (CSS CUSTOM PROPERTIES FOR BACKGROUND/FOREGROUND/CARD/BORDER/ACCENT/DESTRUCTIVE TOKENS), WITH SUBTLE HOVER-STATE BORDER/SHADOW/COLOR TRANSITIONS ON CARDS, BUTTONS, AND NAV LINKS, AND FADE/SLIDE SCROLL-REVEAL ANIMATIONS ON SECTION ENTRY.

## STYLE