Play — SaaS Starter Kit — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "PLAY" NEXT.JS SAAS STARTER KIT AND BOILERPLATE TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, THE FULL LOOK & FEEL, HOVER STATES, LIGHT/DARK THEME TOGGLE, MOBILE MENU, DROPDOWN NAV, FAQ ACCORDION, AND SCROLL/ENTRANCE ANIMATIONS ARE REPRODUCED FROM CAPTURED REFERENCE ARTIFACTS. ALL ASSETS (FONTS, IMAGES, ICONS) ARE VENDORED LOCALLY AND IT RUNS OFFLINE.

REFERENCE: `https://play.demo.nextjstemplates.com`

## SUMMARY

"Play" is an open-source Next.js SaaS starter kit / boilerplate marketing template by GrayGrids / Next.js Templates (built on the TailGrids design system). It is a multi-page site: a long-form marketing home page (hero, features, toolkit/about band, CTA, pricing, testimonials, FAQ accordion, team, blog preview, contact form, footer), plus standalone About, Pricing, Contact, Blog (grid + 3 detail posts), Sign In, Sign Up, and Error (404-style) pages. Shared header (logo, nav with "Pages" dropdown, dark-mode toggle, Sign In / Sign Up buttons, mobile hamburger menu) and shared dark-navy footer (link columns, socials, bottom bar) appear on every page. The template supports light and dark mode via a moon/sun toggle in the header, persisted and applied via a `dark` class on `<html>`.

## STYLE

- **Font:** Inter (sans-serif), loaded via Google Fonts / self-hosted, weights 400/500/600/700/800.
- **Palette (light):**