Magic UI Blog — Modern Editorial — Référence de design web et prompt

# MAGIC UI BLOG

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE MAGIC UI BLOG TEMPLATE , REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, HOVER STATE, THE LIGHT/DARK THEME TOGGLE, THE CATEGORY FILTER, THE TABLE-OF-CONTENTS SCROLL-SPY, AND THE TOP GRADIENT CANVAS ARE REPRODUCED FROM THE CAPTURED REFERENCE ARTIFACTS.

REFERENCE: `https://blog-magicui.vercel.app/`

## SUMMARY

A CLEAN, EDITORIAL BLOG TEMPLATE BUILT ON A SHADCN / TAILWIND NEUTRAL DESIGN SYSTEM. THE SITE HAS A BLOG INDEX (HOME) LISTING SIX POSTS IN A THREE-COLUMN BORDERED CARD GRID WITH A CATEGORY FILTER, PLUS SIX INDIVIDUAL ARTICLE PAGES. EACH ARTICLE HAS A FULL-WIDTH HERO IMAGE, A PROSE BODY (HEADINGS, LISTS, SYNTAX-HIGHLIGHTED CODE BLOCKS), A STICKY RIGHT SIDEBAR (AUTHOR CARD + "ON THIS PAGE" TABLE OF CONTENTS + "TRY MAGIC UI PRO" PROMO), AND A "READ MORE" RELATED-POSTS SECTION. A STICKY HEADER WITH THE MAGIC UI LOGO AND A THEME TOGGLE SITS ABOVE A SUBTLE ANIMATED GRADIENT CANVAS.

## STYLE