Back to Home

    Design System

    Ultra-minimal design system using system UI fonts with a clean grayscale palette. No decorative elements, just content.

    Typography

    Page Title

    20px / 25px line-height / ui-sans-serif

    Used for main headings only (name, page titles)

    All Other Text

    17px / 22px line-height / ui-sans-serif

    Used for everything else - titles, body text, dates, labels, all content

    Color Palette

    Background
    White • oklch(100% 0 0)
    Foreground
    Dark gray • oklch(21% 0 0)
    Muted
    Medium gray • oklch(56% 0 0)
    Border
    Light gray • oklch(90% 0 0)

    Layout Pattern

    Two-Column Grid

    100px date column + flexible content column, 48px gap. No decorative timeline elements.

    2020 — Now
    Position Title
    Company or Organization
    Location

    Spacing Scale

    4px
    8px
    12px
    16px
    24px
    32px

    Design Principles

    Two Font Sizes: Just 20px/25px for page titles and 17px/22px for everything else. Maximum simplicity.

    Ultra-Minimal: Zero decorative elements. No dots, lines, shadows, borders, or backgrounds.

    Typography-Only: Content hierarchy established through font weight and color only.

    Whitespace: Generous spacing creates breathing room and visual clarity.

    Grayscale: Monochromatic palette for maximum professionalism and readability.

    Scannable: Clean grid layout makes information easy to find and read quickly.