Radiant — B2B Sales Startup Template — Référence de design web et prompt

# RADIANT — TAILWIND PLUS SAAS / MARKETING TEMPLATE — STUDY / CLONE

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE TAILWIND PLUS "RADIANT" SAAS MARKETING TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, SECTION, HOVER STATE, AND SCROLL/ENTRANCE BEHAVIOUR IS RECREATED FROM RECON ARTIFACTS. ALL ASSETS (THE SWITZER FONT FAMILY, LOGOS, TEAM/TESTIMONIAL/INVESTOR PORTRAITS, MAP TILES, APP SCREENSHOT, AND BLOG IMAGERY) ARE VENDORED LOCALLY SO THE CLONE RUNS OFFLINE. THIS IS A STUDY OF SOMEONE ELSE'S DESIGN, BUILT FOR LEARNING — ALL CREDIT FOR THE ORIGINAL GOES TO TAILWIND PLUS (TAILWIND LABS).

REFERENCE: `https://tailwindcss.com/plus/templates/radiant/preview`

## SUMMARY

RADIANT IS A PREMIUM SAAS / STARTUP MARKETING TEMPLATE FROM TAILWIND PLUS. IT MARKETS A FICTIONAL B2B SALES-INTELLIGENCE PRODUCT ("RADIANT HELPS YOU SELL MORE BY REVEALING SENSITIVE INFORMATION ABOUT YOUR CUSTOMERS") WITH A BOLD, BRIGHT, GRADIENT-DRIVEN AESTHETIC: A SIGNATURE WARM-TO-MAGENTA-TO-VIOLET LINEAR GRADIENT (`#fff1be → #ee87cb → #b060ff`) FRAMED INSIDE A LARGE ROUNDED `rounded-4xl` (2REM) PANEL, A TIGHT GROTESQUE DISPLAY FACE (SWITZER), DARK NEAR-BLACK CONTRAST SECTIONS, AND FINELY HAIRLINED "PLUS-MARK" GRID DECORATIONS ON THE NAV AND FOOTER.

THE LIVE TEMPLATE IS A NEXT.JS APP SERVED FROM `radiant.tailwindui.com`; THIS CLONE PRESERVES ITS COMPILED TAILWIND CSS V4 STYLESHEET (~59KB OF OBFUSCATED UTILITY CLASSES, OKLCH/LAB COLOR RAMP, GRADIENT + MASK UTILITIES) AND ITS EXACT RENDERED MARKUP, SELF-HOSTS THE SWITZER 400/500/600/700 WOFF2 WEIGHTS, VENDORS ALL IMAGERY LOCALLY, AND REPLACES THE PROPRIETARY HEADLESS-UI + NEXT + FRAMER-MOTION RUNTIME WITH A SMALL VANILLA-JS SHIM THAT REIMPLEMENTS THE SAME BEHAVIOURS (MOBILE NAV DISCLOSURE, FAQ/SECTION ANIMATIONS-ON-SCROLL, HOVER/FOCUS `data-*` STATES, GRADIENT/PARALLAX DECOR).