Neon — Developer SaaS Landing — Référence de design web et prompt

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE CRUIP "NEON" HTML DEMO TEMPLATE, BUILT AS PLAIN HTML/CSS/JS WITH NO BUILD STEP.
REFERENCE: `https://cruip.com/demos/neon/`

## SUMMARY

NEON IS A DARK-MODE SAAS LANDING PAGE + AUTH FLOW TEMPLATE FROM CRUIP, FEATURING A GRADIENT HERO ILLUSTRATION, LOGO CLOUD, FEATURE GRID WITH GLOWING ORB GRAPHIC, CODE-EDITOR MOCKUP SECTION, PRICING TABLE, TESTIMONIAL GRID, RESOURCE LINKS, AND A GRADIENT CTA BANNER — PLUS SIGN IN, SIGN UP, AND RESET PASSWORD AUTH PAGES SHARING A SPLIT ILLUSTRATION LAYOUT. BUILT ORIGINALLY WITH TAILWIND CSS (COMPILED/OBFUSCATED CLASSES), ALPINE.JS FOR INTERACTIVITY, AND AOS (ANIMATE ON SCROLL) FOR SCROLL-TRIGGERED REVEAL ANIMATIONS.

## STYLE

- PALETTE (DARK THEME, DEFAULT AND ONLY MODE OF THE SOURCE): BACKGROUND `#111827`/NEAR-BLACK NAVY, PANEL/CARD SURFACES `#1f2937`, BORDERS `#374151`/`#4b5563`, MUTED TEXT `#9ca3af`/`#6b7280`, BODY TEXT `#e5e7eb`/`#d1d5db`, PRIMARY ACCENT BLUE `#2563eb`/`#3b82f6`/`#60a5fa`, GRADIENT ACCENTS PINK `#ec4899`/`#f472b6` AND PURPLE `#a855f7` (USED IN THE HERO ILLUSTRATION, LOGO MARK, AND CTA BANNER GRADIENT), SUCCESS GREEN `#10b981` FOR PRICING CHECKMARKS.
- FONTS: "INTER" (GOOGLE FONTS, WEIGHTS 400/500/600/700) FOR BODY TEXT; CUSTOM WEB FONT "UNCUT SANS" (WOFF2/WOFF, WEIGHTS 500/600/700 PLUS BOLD ITALIC) FOR HEADLINES/DISPLAY TYPE.
- TYPE SCALE: HERO H1 ~44-56PX BOLD WITH ITALIC EMPHASIS SPAN, SECTION H2 ~30-36PX BOLD, BODY COPY ~15-16PX, SMALL/LABEL TEXT ~13-14PX UPPERCASE TRACKING FOR EYEBROWS/BADGES.