Amelia Wattenberger — Personal Site

---
version: alpha
name: Amelia Wattenberger — Personal Site
colors:
  canvas: '#FFFFFF'
  primary: '#0F2B3D'
  body-ink: '#0F2B3D'
typography:
  heading:
    fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
      "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple
      Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    fontSize: 14px
    fontWeight: 400
    lineHeight: 20px
  body:
    fontFamily: Parclo, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif
    fontSize: 28.8px
    fontWeight: 400
    lineHeight: 36px
---

## Overview
An experimental personal portfolio combining an oversized green-black name, expressive serif introduction, a blue flower badge, a writing index and a varied visual project archive. Full desktop page capture. Inspected 2026-10-05.

## Colors
White is the primary canvas, dark blue-black supports body text, and green-black lettering anchors the name. Bright cyan belongs to the flower artwork; project images introduce their own palettes. Tokens are sampled computed colors; descriptive accent colors are visual observations, not measured hex values.

## Typography
Measured heading/label sample: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", 14px, weight 400, leading 20px. Supporting sample: Parclo, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif, 28.8px, leading 36px. These are local computed samples, not a universal type scale. Artwork and child spans may differ from their parent styles.

## Layout
A spacious near-viewport-height opening gives way to writing lists and a responsive image-led project grid. Desktop name lettering spans a wide area; mobile wraps it tightly into two lines beneath the large top-right flower badge. Preserve the generous vertical breathing room. Desktop screenshot: 1440 × 14524px at a 1440px viewport. Mobile evidence: 390 × 844px at a 390px viewport. Breakpoint thresholds are not inferred from two observations.

## Elevation & Depth
The main composition is flat and airy. Project screenshots create visual texture rather than a uniform elevated card system.

## Shapes
Expressive heavy serif lettering contrasts with a scalloped circular badge and mostly rectangular project imagery. Do not replace the custom name treatment with a generic UI heading.

## Components
Author identity, introductory prose, navigation, categorized writing and supporting links. An experimental personal portfolio combining an oversized green-black name, expressive serif introduction, a blue flower badge, a writing index and a varied visual project archive.

## Do’s and Don’ts
Preserve the reference-specific hierarchy, wrapping and spacing described above. Use original copy and assets when adapting. Keep links keyboard-accessible with visible focus. Do not infer animations, hover states or hidden menus from this static capture. No full accessibility audit was performed.