Primer — Book & Video Course Landing — Référence de design web et prompt

# PRIMER — INFO PRODUCT TEMPLATE (CLONE)

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "PRIMER" INFO-PRODUCT LANDING TEMPLATE FROM TAILWIND PLUS, BUILT AS PLAIN HTML + CSS + VANILLA JS WITH ALL ASSETS VENDORED LOCALLY AND NO BUILD STEP. EVERY SECTION, HOVER STATE, STICKY TAB NAVIGATION, ACCORDION EXPAND, AND ENTRANCE/SCROLL BEHAVIOUR IS REPRODUCED SAME-TO-SAME.

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

## SUMMARY

PRIMER IS A SINGLE-PAGE MARKETING / "INFO PRODUCT" LANDING PAGE FOR A FICTIONAL BOOK + VIDEO COURSE CALLED **"EVERYTHING STARTS AS A SQUARE"** — A COURSE ABOUT ICON DESIGN BY AUTHOR **MIRA LINDEHOFF**. IT IS A LONG-SCROLL, ONE-ROUTE TEMPLATE (NO SUB-PAGES; ALL NAV IS IN-PAGE ANCHORS). THE DESIGN IS CLEAN, EDITORIAL, AND CONFIDENT: A WHITE / SLATE CANVAS, ELECTRIC BLUE ACCENT, A DARK BOOK-COVER HERO, AND A STICKY SECTION-TAB NAVIGATION THAT TRACKS THE ACTIVE SECTION AS YOU SCROLL.

## STYLE