Syntax — Software Documentation — Référence de design web et prompt

# SYNTAX — TAILWIND PLUS MARKDOC DOCUMENTATION TEMPLATE — STUDY / CLONE

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE TAILWIND PLUS "SYNTAX" DOCUMENTATION 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 (FONTS, COMPILED STYLESHEET, IMAGES) 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/syntax/preview`

## SUMMARY

SYNTAX IS A PREMIUM SOFTWARE-DOCUMENTATION TEMPLATE FROM TAILWIND PLUS, BUILT (IN THE ORIGINAL) WITH NEXT.JS + MARKDOC + HEADLESS UI AND SERVED FROM `syntax.tailwindui.com`. IT DOCUMENTS A FICTIONAL CACHING LIBRARY CALLED **CACHEADVANCE** ("NEVER MISS THE CACHE AGAIN.") AS A CLASSIC THREE-ZONE DOCS LAYOUT: A STICKY TOP HEADER (LOGO, COMMAND-K SEARCH PILL, THEME LISTBOX, GITHUB ICON), A FIXED LEFT SIDEBAR NAVIGATION GROUPED INTO FIVE SECTIONS WITH A SLIDING ACTIVE-SECTION HIGHLIGHT AND A SKY-500 ACTIVE-LINK DOT, AND A CENTERED `prose` CONTENT COLUMN WITH A STICKY "ON THIS PAGE" TABLE OF CONTENTS ON THE RIGHT.

THE HOME PAGE OPENS WITH A FULL-WIDTH DARK SLATE-900 HERO — A GRADIENT WORDMARK HEADLINE ("NEVER MISS THE CACHE AGAIN."), A LEAD PARAGRAPH, A "GET STARTED" / "VIEW ON GITHUB" BUTTON PAIR, A DECORATIVE SKEWED DOT-GRID SVG WITH CYAN/INDIGO BLUR GLOWS, AND A SYNTAX-HIGHLIGHTED `cache-advance.config.js` CODE PANEL. BELOW THE HERO IS THE SHARED DOCS SHELL SHOWING THE "GETTING STARTED" ARTICLE.