Build a personal portfolio in the visual language of Brittany Chiang — dark navy, mint-green accent, type-led.
STYLE
- Navy ground #0a192f, panel #112240, mint accent #64ffda
- Light slate text #ccd6f6, muted #8892b0; monospace only for the small kicker
- No rounded cards; hairline translucent rules
LAYOUT
- Top bar: monogram "AR", nav (Work / About / Contact)
- Intro block: small green "Hi, my name is", big white name "Alex Rivera.", slate role line "I build things for the web.", one-line about "I'm a front-end engineer crafting fast, accessible interfaces and the occasional design system.", ghost CTA "View my work"
- (Desktop) "Things I've built" section: a list of 4 projects, each name + year · tag, hairline-divided (Helio 2025 · Brand, Northwind 2024 · Web, Cadence 2024 · Product, Beacon 2023 · OSS)
COMPONENTS
- Top bar with monogram and nav
- Intro: kicker, display name, role, about, ghost button
- Project index list (shown when tall)
TECHNICAL
- React
- Tailwind CSS
- shadcn/ui