Drift — Autonomous Outbound SaaS — Référence de design web et prompt

# PAPER CIRCUIT — AGENTIC OUTBOUND SAAS LANDING PAGE

## AESTHETIC IDENTITY

BUILD A FULL, MULTI-SECTION MARKETING LANDING PAGE FOR A FICTIONAL AUTONOMOUS-OUTBOUND SAAS NAMED **DRIFTWORKS** (PRODUCT WORDMARK: "DRIFT"). THE NAMED DESIGN LANGUAGE IS **"PAPER CIRCUIT"** — A BRIGHT, CONFIDENT, ENGINEERING-NOTEBOOK AESTHETIC THAT FEELS LIKE A BLUEPRINT FOR AN AUTOMATION ENGINE PRINTED ON CLEAN GRAPH PAPER. THE MOOD IS PRECISE, PRODUCTY, AND ALIVE: A LIGHT NEUTRAL CANVAS DUSTED WITH A FAINT RADIAL DOT GRID, CRISP HAIRLINE BORDERS, FLOATING WHITE PANELS WITH SOFT MULTI-LAYER SHADOWS, AND COLOR USED SPARINGLY AS WIRING — ELECTRIC INDIGO AND HOT MAGENTA AS THE TWO CHARGED NODES IN AN OTHERWISE MONOCHROME CIRCUIT. NOTHING IS DARK-CINEMATIC; EVERYTHING IS DAYLIGHT, LEGIBLE, AND DENSE WITH PLAUSIBLE PRODUCT DETAIL.

## TECH & GLOBAL SETUP

- PLAIN STATIC SITE: ONE `INDEX.HTML`, ONE `STYLES.CSS`, ONE `MAIN.JS`. NO BUILD STEP, NO FRAMEWORK, NO CDN AT RUNTIME — EVERYTHING VENDORED LOCALLY UNDER `ASSETS/`.
- VENDOR THE FONTS LOCALLY AS `WOFF2` AND DECLARE `@FONT-FACE`. NO REMOTE FONT OR ICON CDN.
- USE INLINE SVG FOR ALL ICONS (STROKE-BASED, 1.75 WEIGHT, ROUNDED CAPS/JOINS). NO ICON FONT.
- THE PAGE MUST BE FULLY RESPONSIVE AND DEGRADE GRACEFULLY TO A SINGLE COLUMN ON MOBILE WITH A WORKING HAMBURGER MENU.