---
name: Nested Website Fixture
description: A one-page site for a command-line tool, set in plain type on paper-white surfaces.
colors:
  ink: "#142720"
  paper: "#ffffff"
  muted: "#555555"
  hairline: "#dddddd"
typography:
  display:
    fontFamily: "system-ui, sans-serif"
    fontWeight: 700
    lineHeight: 1.1
  body:
    fontFamily: "system-ui, sans-serif"
    fontWeight: 400
    lineHeight: 1.5
rounded:
  sm: "6px"
  md: "8px"
---

# Design System: Nested Website Fixture

## 1. Overview

A single scrolling page on a paper-white ground. Hairline borders carry the structure; no fills, no shadows.

## 2. Color

Ink for text, paper for the page, muted grey for secondary copy, hairline grey for card borders.

## 3. Typography

System UI throughout. The hero title runs at 2rem and bold; body copy stays at the browser default size.

## 4. Components

Cards are bordered rectangles with 1rem of padding. Actions are inline text buttons with a hairline border and pill-free geometry.