PrimaPersona — Minimal Personal Portfolio — Référence de design web et prompt

> THIS IS A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF AN EXISTING UI TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS FOR STUDY AND LEARNING.
> REFERENCE: `https://lexingtonthemes.com/viewports/primapersona`

## SUMMARY

PRIMAPERSONA IS A CLEAN, MINIMAL PERSONAL PORTFOLIO TEMPLATE FOR CREATIVE TECHNOLOGISTS. IT FEATURES A FIXED TOP NAVIGATION, A FULL-SCROLL SINGLE-PAGE LAYOUT WITH MULTIPLE ANCHOR-LINKED SECTIONS, AND A COMPANION DESIGN SYSTEM PAGE. THE DESIGN IS BUILT WITH INTER FONT AND A NEUTRAL MONOCHROMATIC PALETTE WITH AN ACCENT GREEN COLOR. IT SUPPORTS LIGHT AND DARK MODES VIA CSS CUSTOM PROPERTIES.

## STYLE

- **PALETTE:** WHITE BACKGROUND (#fff / oklch(98.5% 0 0) for light), NEAR-BLACK FOR DARK (#141414 / oklch(14.5% 0 0)), TEXT MUTED: oklch(43.9% 0 0) (base-600), HEADING: oklch(20.5% 0 0) (base-900), ACCENT GREEN: oklch(74.4% .209 135) (accent-500), BORDER: oklch(92.2% 0 0) (base-200 light) / oklch(26.9% 0 0) (base-800 dark)
- **FONTS:** INTER (VIA rsms.me/inter/inter.css), WEIGHTS: 400 (REGULAR), 500 (MEDIUM), 600 (SEMIBOLD)
- **TYPE SCALE:** xs=0.75rem/1rem, sm=0.875rem/1.25rem, base=1rem/1.5rem, lg=1.125rem/1.75rem, xl=1.25rem/1.75rem, 2xl=1.5rem/2rem, 3xl=1.875rem/2.25rem, 4xl=2.25rem/2.5rem, 5xl=3rem/1