Nextra Docs — Starter Template — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL PLAIN HTML/CSS/VANILLA-JS REPRODUCTION OF THE NEXTRA DOCS TEMPLATE, INCLUDING EVERY PAGE, HOVER STATE, AND SCROLL/ENTRANCE BEHAVIOR. NO BUILD STEP; RUNS OFFLINE.

REFERENCE: `https://nextra-docs-template.vercel.app`

## SUMMARY

RECREATE THE OFFICIAL NEXTRA "DOCS TEMPLATE" (THE STARTER THEME SHIPPED AT `nextra-docs-template.vercel.app`, SOURCE `github.com/shuding/nextra-docs-template`) AS A STATIC, DEPENDENCY-FREE CLONE. THIS IS THE CLASSIC NEXTRA "DOCS THEME" CHROME: A STICKY TOP NAVBAR WITH LOGO/NAV LINKS/SEARCH BOX/SOCIAL ICONS, A LEFT TREE-STYLE SIDEBAR (WITH A COLLAPSIBLE FOLDER), A CENTERED PROSE CONTENT COLUMN WITH BREADCRUMB + H1 + MDX-STYLE PROSE + CODE BLOCKS + PREV/NEXT PAGINATION, A RIGHT "ON THIS PAGE" TABLE-OF-CONTENTS RAIL, AND A FOOTER WITH A THEME SWITCHER (SYSTEM/LIGHT/DARK) AND COPYRIGHT LINE. FIVE PAGES WERE DISCOVERED AND MUST ALL BE REPRODUCED.

## STYLE

- **PALETTE (LIGHT MODE, DEFAULT):** BODY BG `#ffffff`; PROSE BODY TEXT `rgb(51,65,85)` (SLATE-700); HEADINGS/NAV TEXT NEAR-BLACK `#111` / `rgb(17,17,17)`; MUTED TEXT `#6b7280` (GRAY-500/600); SIDEBAR HOVER/ACTIVE BG `rgb(239,246,255)`-ISH LIGHT BLUE (TAILWIND `primary-50`, HUE 212DEG); ACTIVE LINK / PRIMARY ACCENT BLUE `#2f80ed`-`#1976d2` RANGE (TAILWIND CUSTOM "PRIMARY" HUE `212deg`, ~`#2563eb`); BORDERS/HAIRLINES `#e5e7eb` (GRAY-200); FOOTER BG `rgb(243,244,246)` (GRAY-100); CODE BLOCK BG LIGHT GRAY-BLUE `rgb(241,245,249)`-ISH WITH SYNTAX COLORS: KEYWORD/STRING `#d32f2f`-ISH RED FOR STRINGS, NUMBERS `#1976d2` BLUE, COMMENTS `#6b737c`, FUNCTION NAMES `#6f42c1`/`#b392f0` PURPLE, VARIABLES `#e36209`/`#ffab70` ORANGE (GITHUB-LIGHT-STYLE PRISM PALETTE). DARK MODE (VIA "SYSTEM"/"DARK" TOGGLE): BODY BG NEAR-BLACK `#111` / `rgb(17,17,17)`, TEXT LIGHT GRAY, SIDEBAR/FOOTER `neutral-900`, BORDERS `neutral-800`.
- **FONTS:** UI/BODY  -  `ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif` (SYSTEM FONT STACK, NO WEBFONT DOWNLOAD NEEDED). CODE/MONO  -  `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`.