Front Centre — Developer Education — Référence de design web et prompt

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE "FRONT CENTRE" LANDING PAGE TEMPLATE BY SHIPIXEN (PAGE UI), REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY SECTION, HOVER STATE, ACCORDION, THEME TOGGLE AND SCROLL/ENTRANCE BEHAVIOUR IS REPRODUCED SAME-TO-SAME. ALL ASSETS ARE VENDORED LOCALLY.
>
> REFERENCE: `https://shipixen.com/demo/landing-page-templates/template/front-centre`

## SUMMARY

A SINGLE-PAGE MARKETING / LANDING-PAGE TEMPLATE FOR A FICTIONAL FRONT-END LEARNING PLATFORM CALLED "FRONT CENTRE". THE DESIGN IS CLEAN AND PLAYFUL: A SOFT CREAM / PALE-YELLOW HERO ON A WHITE PAGE, MONOSPACE BODY COPY, BOLD ROBOTO DISPLAY HEADINGS, CYAN PRIMARY ACCENTS AND YELLOW SECONDARY ACCENTS. THE LAYOUT IS "FRONT AND CENTRE" — A CENTERED HERO WITH A LARGE PRODUCT SCREENSHOT BENEATH THE FOLD, FOLLOWED BY ALTERNATING FEATURE ROWS, A COURSES GRID WITH AUTOPLAY VIDEOS, A MASONRY TESTIMONIAL WALL, A CTA AND AN FAQ ACCORDION, CLOSING WITH THE SHIPIXEN MARKETING FOOTER. THE TEMPLATE SUPPORTS LIGHT AND DARK MODE VIA A NAVBAR TOGGLE.

## STYLE

- PALETTE (LIGHT):
  - PAGE BG `#ffffff`; HERO / "FANCY" BG TINT IS A SOFT YELLOW WASH (GLASS COLOR `rgb(234,179,8)` AT LOW ALPHA) PLUS A RADIAL/LINEAR `fancy-overlay` GRADIENT FROM CYAN `#0891b2` TO YELLOW `#ca8a04`.