DevPro — Developer Portfolio Template — Référence de design web et prompt

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE ACETERNITY DEVPRO PORTFOLIO TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP REQUIRED.
> REFERENCE: `https://ui.aceternity.com/template-preview/devpro-portfolio-template`

## SUMMARY

DEVPRO PORTFOLIO TEMPLATE IS A DARK-THEMED DEVELOPER PORTFOLIO BUILT BY MANU ARORA. IT FEATURES A CLEAN ZINC-BASED DARK DESIGN SYSTEM, AN INLINE PILL NAVBAR WITH AVATAR + NAV LINKS + "DOWNLOAD CV" BUTTON, A TOP ANNOUNCEMENT BAR, AND CYAN ACCENT HIGHLIGHTS. THE PERSONA IS "TYLER DURDEN  -  SOFTWARE ENGINEER". THE ORIGINAL IS BUILT WITH NEXT.JS + TAILWIND CSS BUT REPRODUCED HERE AS PLAIN HTML/CSS/JS.

## STYLE

- **PALETTE (DARK, DEFAULT):** BACKGROUND `#18181B` (ZINC-900); NAV/CARD BG `#27272A` (ZINC-800); ANNOUNCEMENT BAR `#27272A`; TEXT PRIMARY `#FAFAFA` (ZINC-50); TEXT MUTED `#A1A1AA` (ZINC-400); TEXT SECONDARY `#E4E4E7` (ZINC-200); ACCENT CYAN `#06B6D4` (CYAN-500); BORDER `rgba(63,63,70,0.6)` (ZINC-700/60)
- **FONTS:** INTER (GOOGLE FONTS), FALLBACK `UI-SANS-SERIF, SYSTEM-UI, SANS-SERIF`
- **TYPE SCALE:** H1 HERO `48PX/700`; H1 SECTION `30PX/700`; BODY `16PX/400`; SMALL `14PX/400`; NAV LINKS `14PX/400`