Typography
3 families- Fraunces Display + lede
-
Building things you can actually trust.
Stephen Nixon, Phaedra Charles, Undercase Type. Variable type with optical-size, weight, and softness axes. Used for headlines and italic accents.
- Inter Body + UI
-
Body copy, navigation, buttons, the running text.
Rasmus Andersson. Tuned for screen reading at small sizes.
- JetBrains Mono Metadata
-
01 / 12 2025 FOREST #4a5e4b
JetBrains. Years, counters, eyebrows, code, hex codes, anything tabular.
Palette
8 tokens- --bg #faf4e8 Background cream
- --paper #fcf8f0 Card surface
- --paper-strong #f3ebdb Image background
- --ink #241f1a Primary text
- --forest #4a5e4b Primary accent
- --earth #a8825c Secondary accent
- --moss #88977d Muted accent
- --rule #d8ccb2 Borders + rules
Stack
Build- Framework
- Astro 5 (static)
- Content
- Content collections (Markdown + MDX)
- Math
- remark-math + rehype-katex
- Hosting
- GitHub Pages
- Analytics
- Google Analytics 4
Influences
3 sites- Frank Chimero frankchimero.com → Editorial warmth, restraint, paper-leaning palette.
- Rauno Freiberg rauno.me → Structured surfaces, scroll choreography, mono metadata.
- Josh Comeau joshwcomeau.com → Interactive figures, playful precision.
History
2 versions- v1 2022
Original portfolio. Comfortaa + Newsreader, marketing-card grid, hand-coded HTML.
- v2 2026
Astro 5 migration. Fraunces + Inter + JetBrains Mono, scroll-stack homepage, Chimero × Rauno aesthetic.