Screenshot Two — Screenshot API Landing — Référence de design web et prompt

# SCREENSHOT TWO — SCREENSHOT-API SAAS LANDING (SAME-TO-SAME CLONE)

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF SHIPIXEN'S "SCREENSHOT TWO" LANDING-PAGE TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. THE FULL LOOK & FEEL, HOVER STATES, SCROLL/ENTRANCE BEHAVIOR, FAQ ACCORDION, AND LIGHT/DARK THEMING ARE REPRODUCED FROM CAPTURED REFERENCE ARTIFACTS. ALL ASSETS (FONTS, IMAGES, VIDEO, AVATARS) ARE VENDORED LOCALLY AND IT RUNS OFFLINE.

REFERENCE: `https://shipixen.com/demo/landing-page-templates/template/screenshot-two`

## SUMMARY

SCREENSHOT TWO IS A SINGLE-PAGE MARKETING SITE FOR A FICTIONAL SCREENSHOT API. IT USES A BRIGHT SKY-BLUE / INDIGO ACCENT SYSTEM OVER A WHITE BASE WITH ALTERNATING SOFT-INDIGO ("FANCY OVERLAY") BAND SECTIONS. THE DISPLAY FONT IS DM SERIF DISPLAY AND THE BODY FONT IS DM SANS. THE PAGE OPENS WITH A FLOATING HEADER, A CENTERED HERO HEADLINE + A LARGE BROWSER/APP MOCKUP, A PRODUCT-HUNT BADGE ROW WITH FLOATING TESTIMONIAL AVATAR CHIPS, THEN A SERIES OF ALTERNATING FEATURE SECTIONS (IMAGE-LEFT / IMAGE-RIGHT) WITH THREE-ITEM SUB-FEATURE LISTS, A FULL-WIDTH INDIGO CTA BAND, A VIDEO "AUTOMATE AND ELEVATE" SECTION, A MASONRY TESTIMONIAL GRID, A RADIX-STYLE FAQ ACCORDION, AND A MULTI-COLUMN FOOTER. IT IS FULLY THEME-DEPENDENT (LIGHT + DARK) WITH A TOGGLE.

## STYLE