CodeForge — AI Coding Agent SaaS — Référence de design web et prompt

> SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE CODEFORGE AI-CODING SAAS LANDING TEMPLATE, BUILT WITH PLAIN HTML + CSS + VANILLA JS (NO BUILD STEP). EVERY SECTION, HOVER STATE, AND SCROLL/ENTRANCE ANIMATION IS RECREATED FROM RECON ARTIFACTS.

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

## SUMMARY

CODEFORGE IS A SINGLE-PAGE LIGHT-THEME SAAS MARKETING SITE FOR AN AI CODING AGENT, BUILT ON THE MAGIC UI COMPONENT VOCABULARY. IT IS ONE LONG SCROLLING PAGE (ALL NAV LINKS ARE IN-PAGE ANCHORS — `#features`, `#pricing`, ETC.), SO THE CLONE IS A SINGLE `index.html`. THE DESIGN IS CLEAN, GENEROUS WHITESPACE, GEIST TYPEFACE, A SINGLE SKY-BLUE ACCENT (`#00A5EF`), THIN HAIRLINE BORDERS, AND MAGIC-UI MOTION PRIMITIVES (ANIMATED GRADIENT/SHIMMER BUTTONS, MARQUEES, BORDER BEAM, NUMBER/TERMINAL TYPEWRITER, WORLD-MAP DOT GRID, VELOCITY SCROLL TEXT, BLUR-IN ON SCROLL).

## STYLE

- PALETTE: BACKGROUND `#F9FAFB`, FOREGROUND/TEXT `#0A0A0A`, CARD `#FFFFFF`, MUTED/SECONDARY `#F5F5F5`, MUTED-FOREGROUND `#737373`, BORDER `#E5E5E5`, PRIMARY (ACCENT) `#00A5EF`, PRIMARY-FOREGROUND `#FAFAFA`, ENTERPRISE CTA `#0A0A0A` (BLACK).
- GRADIENT: HERO/SHIMMER GRADIENT `#2CD5FF → #2C30FF`; HERO RADIAL GLOW IN SKY-BLUE; STATUS COLORS RED `#FB2C36`, GREEN `#00C758`, YELLOW `#EDB200`.