Gwern — Personal Site

---
version: alpha
name: Gwern — Personal Site
colors:
  canvas: '#FFFFFF'
  primary: '#000000'
  body-ink: '#000000'
typography:
  heading:
    fontFamily: '"Source Serif 4", "Apple Garamond", Baskerville, "Libre Baskerville",
      "Droid Serif", "Times New Roman", Times, serif, "Noto Emoji", Quivira'
    fontSize: 30px
    fontWeight: 700
    lineHeight: 33.75px
  body:
    fontFamily: '"Source Serif 4", "Apple Garamond", Baskerville, "Libre Baskerville",
      "Droid Serif", "Times New Roman", Times, serif, "Noto Emoji", Quivira'
    fontSize: 20px
    fontWeight: 400
    lineHeight: 32px
---

## Overview
A scholarly personal knowledge index built around serif typography, small-cap headings, ruled navigation cells and densely categorized essay links. Full desktop page capture. Inspected 2026-10-05.

## Colors
Use a white page and black text with gray iconography and fine dotted rules. Topic links remain understated; typographic hierarchy supplies emphasis. Tokens are sampled computed colors; descriptive accent colors are visual observations, not measured hex values.

## Typography
Measured heading/label sample: "Source Serif 4", "Apple Garamond", Baskerville, "Libre Baskerville", "Droid Serif", "Times New Roman", Times, serif, "Noto Emoji", Quivira, 30px, weight 700, leading 33.75px. Supporting sample: "Source Serif 4", "Apple Garamond", Baskerville, "Libre Baskerville", "Droid Serif", "Times New Roman", Times, serif, "Noto Emoji", Quivira, 20px, leading 32px. These are local computed samples, not a universal type scale. Artwork and child spans may differ from their parent styles.

## Layout
Center an approximately 896px content column at 1440px. Introductory prose leads into paired topic lists; mobile uses a single reading column, a two-row navigation grid and comfortable paragraph leading. Preserve the separate logo position on desktop and the compact mobile masthead. Desktop screenshot: 1440 × 11047px at a 1440px viewport. Mobile evidence: 390 × 844px at a 390px viewport. Breakpoint thresholds are not inferred from two observations.

## Elevation & Depth
A flat print-like surface: separators and type weight define groups instead of shadows or filled cards.

## Shapes
Rectangular dotted navigation cells, small star-like list markers and fine horizontal rules. The monogram and ornaments are artwork, not ordinary text.

## Components
Author identity, introductory prose, navigation, categorized writing and supporting links. A scholarly personal knowledge index built around serif typography, small-cap headings, ruled navigation cells and densely categorized essay links.

## 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.