# Pipdot — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://pipdot.app/
Captured: 2026-10-13
CSS measured: 2026-10-13T19:04:08.598Z at 1440×1000 — https://pipdot.app/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

Pipdot uses a minimal, typographic design with a soft cream canvas (color-2, color-10) and stark black text (color-1). The primary visual language relies on Switzer for both display headings (font-3, font-12) and UI elements (font-26, font-23), paired with Geist Mono for technical or secondary details (font-9, font-21). A bold orange accent (color-9) provides contrast and indicates key interactions or highlights. The layout is spacious with distinct product UI representations embedded directly into the page.

## Classification

- Industry: technology
- Site type: Waitlist, Landing
- Business model: Agency
- Styles: minimal, typographic, soft, product-led
- Platform: Custom code
- Technology: GSAP

## Typography

- Display: Switzer — weight 500; size 129.6px; line-height 121.8px; tracking -5.8px; Regular (95% role confidence, computed values)
- Heading: Switzer — weight 500; size 100.8px; line-height 98.8px; tracking -4px; Regular (90% role confidence, computed values)
- Body: Switzer — weight 400; size 17px; line-height 27.2px; tracking normal; Regular (85% role confidence, computed values)
- Mono: Geist Mono — weight 400; size 12px; line-height 18.6px; tracking 0.2px; Regular (90% role confidence, computed values)

## Functional palette

- Text — text #0C0C0C: color-1: computed rgb(12, 12, 12); AI role: Near-black (#0C0C0C) used extensively for primary text, headings, and logo. (95% role confidence, computed values)
- Canvas — canvas #F6F4EF: color-2: computed rgb(246, 244, 239); AI role: Soft cream color (#F6F4EF) used as the primary background for the page body. (90% role confidence, computed values)
- Accent — accent #FF4D00: color-9: computed rgb(255, 77, 0); AI role: Vibrant orange (#FF4D00) used for highlighting text syntax, the main character, and active states. (90% role confidence, computed values)
- Muted Text — muted text #6E6E68: color-4: computed rgb(110, 110, 104); AI role: Grey (#6E6E68) used for secondary text, descriptions, and placeholder text. (85% role confidence, computed values)
- Surface — surface #FFFEFB: color-3: computed rgb(255, 254, 251); AI role: Off-white (#FFFEFB) used as the background for input fields and some UI panels to contrast slightly with the canvas. (80% role confidence, computed values)
- Border — border #E6E3DC: color-12: computed rgb(230, 227, 220); AI role: Light grey (#E6E3DC) used for borders around UI elements and input fields. (75% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "100.8px",
    "lineHeight": "98.8px",
    "letterSpacing": "-4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h2",
        "text": "Days, times, projects, tags.",
        "top": 9319,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Notes are files you own.",
        "top": 14117,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "One dot for everything.",
        "top": 15308,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "31px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "h3",
        "text": "Plain Markdown",
        "top": 14998,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "A folder you choose",
        "top": 14998,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Nothing hidden",
        "top": 14998,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "129.6px",
    "lineHeight": "121.8px",
    "letterSpacing": "-5.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Say it the way you'd say it.",
        "top": 574,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "74.9px",
    "lineHeight": "73.4px",
    "letterSpacing": "-3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The dot, in your pocket.",
        "top": 10603,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "p",
        "text": "Readable in any editor, today and in twenty years.",
        "top": 15039,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Documents, OneDrive, iCloud Drive, Dropbox, or anywhere else.",
        "top": 15039,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pip reads and writes the files, and that’s all it does. There’s no hidden format and nothing to expo",
        "top": 15039,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "27.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "Not yet. It’s in development for Mac, Windows, iPhone and the browser, and this site shows the app a",
        "top": 18289,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "On your computer. Tasks live in Pip's own small database on your device, and notes are Markdown file",
        "top": 18499,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "If you turn on sync with Pro, your tasks are also stored with Supabase in Frankfurt, in the EU, so y",
        "top": 18566,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "31px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "No forms, no date pickers. Write one line and Pip picks out the day, the time, the project and the t",
        "top": 9545,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pip makes a folder called Pip Notes, wherever you want it. Every note inside is a plain Markdown fil",
        "top": 14244,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Tasks and notes go in the same way. Start a line with note and it becomes a Markdown file. Start wit",
        "top": 15435,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "26.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "label",
        "text": "Your email",
        "top": 821,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Before: a busy task app full of menus, filters, count badges, labels, flags, avatars and an upgrade ",
        "top": 5581,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A live iPhone preview of Pip's Today list, with a large orange dot in the tab bar. As you scroll, th",
        "top": 10997,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18.6px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "iPhone app in development · screens are design previews",
        "top": 11051,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Documents",
        "top": 14554,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pip Notes/Trips/Lisbon in May.md",
        "top": 14554,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "13.5px",
    "lineHeight": "20.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "One email, the day Pip is ready, and nothing else. Unsubscribe anytime. Privacy",
        "top": 19511,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 19513,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "18.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "One email, the day Pip is ready, and nothing else. Unsubscribe anytime. Privacy",
        "top": 892,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 912,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "187.2px",
    "lineHeight": "168.5px",
    "letterSpacing": "-9.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "pipdotapp",
        "top": 19807,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "On iPhone the dot is big and sits where your thumb already is. Tap it, and the Dynamic Island answer",
        "top": 10768,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Tasks and notes in one calm app. Write “call the garage tomorrow morning” and it’s on tomorrow’s lis",
        "top": 708,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "23.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Days, times, “for” or “in” a project, #tags, deadlines, someday. Anything Pip doesn't recognise stay",
        "top": 10295,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Pro isn't on sale yet, so no payments are taken here. When it opens, payments go through Lemon Squee",
        "top": 17741,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "13.5px",
    "lineHeight": "20.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "With Pro, your tasks and notes are the same on your phone and your computer. Lock screen widgets and",
        "top": 11079,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "16.5px",
    "lineHeight": "25.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "caption",
        "text": "What Free and Pro include",
        "top": 17267,
        "property": "font"
      },
      {
        "tag": "th",
        "text": "Tasks, notes, notch, everything local",
        "top": 17268,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Included",
        "top": 17285,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "Home / Personal / All tasks",
        "top": 5704,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "/",
        "top": 5704,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "/",
        "top": 5704,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "10.5px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "Finance",
        "top": 5924,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Waiting",
        "top": 5924,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Car",
        "top": 5956,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "10px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "0/3",
        "top": 5924,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1/4",
        "top": 5956,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 6020,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "b",
        "text": "23",
        "top": 5810,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "14",
        "top": 5834,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "38",
        "top": 5858,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "38px",
    "lineHeight": "43.7px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Call the garage tomorrow morning",
        "top": 9757,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "tomorrow morning",
        "top": 9755,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Renew the insurance for car fri 3pm",
        "top": 9845,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "86",
        "top": 5745,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 5896,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "P1",
        "top": 5924,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "8px",
    "lineHeight": "10.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "ME",
        "top": 5703,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "AM",
        "top": 5744,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "RK",
        "top": 5744,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "11px",
    "letterSpacing": "1.5px",
    "traits": "uppercase",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Less, on purpose",
        "top": 5582,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Capture",
        "top": 9280,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "iPhone",
        "top": 10574,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "14.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Reply to the thread about invoices",
        "top": 5926,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Renew the insuranceCar",
        "top": 5958,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Call the garage",
        "top": 6022,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Nopen it from anywhere",
        "top": 15877,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "↵keep",
        "top": 15877,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Eschold the draft for later",
        "top": 15877,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "11.5px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Share",
        "top": 5741,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Filter · 3",
        "top": 5773,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sort: Priority",
        "top": 5773,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "27px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Call the garage17:00",
        "top": 10995,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "17:00",
        "top": 10994,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Renew car insuranceCar",
        "top": 10995,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "15.5px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Pip Notes",
        "top": 14601,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Daily",
        "top": 14639,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2026-09-30.md",
        "top": 14677,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "28px",
    "lineHeight": "33.6px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "summary",
        "text": "Can I use Pip yet?",
        "top": 18203,
        "property": "font"
      },
      {
        "tag": "summary",
        "text": "Where is my data?",
        "top": 18414,
        "property": "font"
      },
      {
        "tag": "summary",
        "text": "Where are my notes? Can Pip read them?",
        "top": 18500,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "14px",
    "lineHeight": "24.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "pre",
        "text": "# Lisbon in May Three days, no rush. - Pastéis at Manteigaria, early - Tram 28 before ten - Ask Ana ",
        "top": 14594,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "#",
        "top": 14597,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "-",
        "top": 14695,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "500",
    "size": "9.5px",
    "lineHeight": "12.4px",
    "letterSpacing": "1.1px",
    "traits": "uppercase",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Projects+",
        "top": 5949,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Labels+",
        "top": 6119,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Task",
        "top": 5865,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "19.4px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Tomorrow · 09:00",
        "top": 9779,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Friday · 15:00 · Car",
        "top": 9868,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "This evening · 21:00",
        "top": 9957,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "10.5px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "kbd",
        "text": "↵",
        "top": 15782,
        "property": "font"
      },
      {
        "tag": "kbd",
        "text": "Esc",
        "top": 15782,
        "property": "font"
      },
      {
        "tag": "kbd",
        "text": "N",
        "top": 15880,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "22px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "15:00 · Client site",
        "top": 11172,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "22:00",
        "top": 11205,
        "property": "font"
      },
      {
        "tag": "s",
        "text": "Back up photos",
        "top": 11236,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Switzer",
    "fontStack": "Switzer, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "weight": "400",
    "size": "15.5px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "The dot waits in the tab bar, next to Tasks, Notes and Search.",
        "top": 10845,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Tap it. The island answers.",
        "top": 10900,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Say it. The island grows into the capture panel, and the words Pip understands turn orange.",
        "top": 10933,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "i",
        "text": "6",
        "top": 10827,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "7",
        "top": 10846,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "·",
        "top": 10826,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "12px",
    "lineHeight": "17.4px",
    "letterSpacing": "0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "01",
        "top": 10849,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 10904,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "03",
        "top": 10937,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#0C0C0C",
    "alpha": 1,
    "cssValue": "rgb(12, 12, 12)",
    "count": 135,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -60,
        "property": "control-background"
      },
      {
        "tag": "a",
        "text": "Pip",
        "top": 22,
        "property": "text"
      },
      {
        "tag": "h1",
        "text": "Say it the way you'd say it.",
        "top": 574,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F6F4EF",
    "alpha": 1,
    "cssValue": "rgb(246, 244, 239)",
    "count": 16,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to content Pip How it works iPhone Pricing Questions Blog Coming soon Say it the way you'd say ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -60,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Tell me when it’s ready",
        "top": 839,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFEFB",
    "alpha": 1,
    "cssValue": "rgb(255, 254, 251)",
    "count": 44,
    "contexts": [
      {
        "tag": "input",
        "text": "",
        "top": 822,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 5693,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Share",
        "top": 5741,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#6E6E68",
    "alpha": 1,
    "cssValue": "rgb(110, 110, 104)",
    "count": 191,
    "contexts": [
      {
        "tag": "a",
        "text": "How it works",
        "top": 23,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Tasks and notes in one calm app. Write “call the garage tomorrow morning” and it’s on tomorrow’s lis",
        "top": 708,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Scroll",
        "top": 468,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#3A3A37",
    "alpha": 1,
    "cssValue": "rgb(58, 58, 55)",
    "count": 92,
    "contexts": [
      {
        "tag": "a",
        "text": "Privacy",
        "top": 912,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Ctrl K",
        "top": 5704,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5704,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#1C1B19",
    "alpha": 1,
    "cssValue": "rgb(28, 27, 25)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "note Paint colours in Home New note · Paint colours · in Home ↵keepEschold the draft",
        "top": 15624,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 15981,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Pro £3.99a month £34.99 a year, about 27% less than paying monthly. The first 500 people can pay £99",
        "top": 16840,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Call the garage at 5pmToday17:00return keeps · swipe up holds the draft 17:00",
        "top": 10769,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 10755,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 10790,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#0B0B0A",
    "alpha": 1,
    "cssValue": "rgb(11, 11, 10)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "TodayWed 30 Sep67·1 overdue Overdue since Friday·Studio·Invoices Send theSeptember invoice Call the ",
        "top": 10746,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FF4D00",
    "alpha": 1,
    "cssValue": "rgb(255, 77, 0)",
    "count": 60,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 31,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Less, on purpose",
        "top": 5582,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "tomorrow morning",
        "top": 9755,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F5F4F0",
    "alpha": 0.8392156862745098,
    "cssValue": "color(srgb 0.964706 0.956863 0.937255 / 0.84)",
    "count": 1,
    "contexts": [
      {
        "tag": "header",
        "text": "Pip How it works iPhone Pricing Questions Blog Coming soon",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#8D8B84",
    "alpha": 1,
    "cssValue": "rgb(141, 139, 132)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "New note · Paint colours · in Home",
        "top": 15738,
        "property": "text"
      },
      {
        "tag": "kbd",
        "text": "↵",
        "top": 15782,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "£34.99 a year, about 27% less than paying monthly.",
        "top": 17000,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#E6E3DC",
    "alpha": 1,
    "cssValue": "rgb(230, 227, 220)",
    "count": 91,
    "contexts": [
      {
        "tag": "div",
        "text": "Home / Personal / All tasks Search tasks, docs, people…Ctrl K 26 ? ME",
        "top": 5693,
        "property": "border"
      },
      {
        "tag": "i",
        "text": "",
        "top": 5707,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Ctrl K",
        "top": 5704,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 10,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 11242,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 11244,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "Today",
        "top": 10890,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F3F2EF",
    "alpha": 1,
    "cssValue": "color(srgb 0.952353 0.948627 0.937451)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "3 overdue · 12 due this week · Upgrade to unlock reminders, recurring tasks and more…UpgradeDismiss",
        "top": 5815,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#6C6C66",
    "alpha": 1,
    "cssValue": "rgb(108, 108, 102)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Return keeps it. The island confirms, and the task drops into its ring.",
        "top": 10988,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FBFAF6",
    "alpha": 1,
    "cssValue": "rgb(251, 250, 246)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "TasksNotesSearch",
        "top": 11461,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#F0EFED",
    "alpha": 1,
    "cssValue": "color(srgb 0.942824 0.939137 0.928078)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Mon",
        "top": 5924,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#31312F",
    "alpha": 1,
    "cssValue": "rgb(49, 49, 47)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Tap it. The island answers.",
        "top": 10900,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#0E0E0E",
    "alpha": 0.07058823529411765,
    "cssValue": "color(srgb 0.0470588 0.0470588 0.0470588 / 0.07)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Inbox23",
        "top": 5805,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#E9E6DF",
    "alpha": 1,
    "cssValue": "rgb(233, 230, 223)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Tasks",
        "top": 11465,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#C9C7C0",
    "alpha": 1,
    "cssValue": "rgb(201, 199, 192)",
    "count": 72,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 5927,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Free £0on one device Tasks, notes and the notch, all on your computer. No account needed; in the bro",
        "top": 16840,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#A3A39D",
    "alpha": 1,
    "cssValue": "rgb(163, 163, 157)",
    "count": 11,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 6178,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "#",
        "top": 14597,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#1C1C1A",
    "alpha": 1,
    "cssValue": "rgb(28, 28, 26)",
    "count": 4,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 10863,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#4A4843",
    "alpha": 1,
    "cssValue": "rgb(74, 72, 67)",
    "count": 8,
    "contexts": [
      {
        "tag": "kbd",
        "text": "↵",
        "top": 15782,
        "property": "border"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between major sections, creating a calm and uncluttered reading experience.
- Corner style: Rounded corners are present on UI elements like input fields, buttons, and product mockup panels.
- Radius: Not explicitly measured in CSS facts, but visually apparent on buttons and UI panels.
- Borders: Subtle, thin borders (e.g., color-12) define product UI boundaries against the soft canvas.
- Buttons: Solid dark background (color-1) with white text, or styled as pill-shaped elements with rounded corners.
- Content width: Content is generally centered or aligned to a flexible grid that leaves substantial margins on desktop.
- Density: Low density, embracing minimal design principles to focus attention on typography and the product interface.
- Evidence: Visual inspection of the screenshots and DOM facts, noting layout distribution, button styling in the nav and forms, and border colors.

## Sections

Gallery section count: 12. Each entry corresponds to one gallery capture.

1. **Hero — Say It the Way You’d Say It Hero** (Home)
   AI suggestion (97% confidence): Complete page-opening hero with brand navigation, distinctive mascot visual, oversized value proposition, supporting product copy, and an email waitlist form.
   Capture: 1440×1125px; page bounds 0–1125px of 12621px; source section ID: `6aaa9981-9838-4d60-9c36-27abdc5f8885`; image: https://media.designdetails.io/library/deb1acb7b8e8809b2008b7ba8f225f32b18dbafb09b44fdcfbf18c78dcb7f6a7/6aaa9981-9838-4d60-9c36-27abdc5f8885.webp
   SECTION.md v3.2: `6aaa9981-9838-4d60-9c36-27abdc5f8885` (deterministic evidence; editorial review pending)
2. **Features — All of that, or just your day.** (Home)
   Reusable feature composition from Home, organized around “All of that, or just your day.”.
   Capture: 1440×2000px; page bounds 2000–4000px of 12621px; source section ID: `d20ab90a-7b17-40b8-b4a2-8c905bc23aba`; image: https://media.designdetails.io/library/18a69a02fe5031c61b8a822f3ba84bd3a0010808ab7297e2cc9947315a436394/section_crop-d20ab90a-2026-10-13T19-04-56-349Z.webp
   SECTION.md v3.2: `d20ab90a-7b17-40b8-b4a2-8c905bc23aba` (deterministic evidence; editorial review pending)
3. **Footer — Pipdot Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Pipdot Footer”.
   Capture: 1440×410px; page bounds 12211–12621px of 12621px; source section ID: `e60a4528-8700-40b5-927f-f33ff596553a`; image: https://media.designdetails.io/library/383dcdad7804ab7b0f8307ddb187bc1f47fe673b526a7cf13ef7c44f247eeb90/section_crop-e60a4528-2026-10-13T19-05-20-558Z.webp
   SECTION.md v3.2: `e60a4528-8700-40b5-927f-f33ff596553a` (deterministic evidence; editorial review pending)
4. **Features — Voice Task Capture and Completion Demo** (Home)
   AI suggestion (90% confidence): Self-contained product feature demonstration showing a natural-language voice task becoming a scheduled item, followed by completion behavior and a clear closing caption.
   Capture: 1440×816px; page bounds 1182–1998px of 12621px; source section ID: `15697614-010b-4648-9d90-2ca3569dd3a6`; image: https://media.designdetails.io/library/92f197a8c6800da3aca48450e1e55e2116405f7dca0518f7f281b1c706c3b82a/15697614-010b-4648-9d90-2ca3569dd3a6.webp
   SECTION.md v3.2: `15697614-010b-4648-9d90-2ca3569dd3a6` (deterministic evidence; editorial review pending)
5. **Features — Focused Daily Task View** (Home)
   AI suggestion (94% confidence): Complete product feature section contrasting an overloaded interface with a deliberately minimal six-task day view, supported by a clear heading and concluding explanation.
   Capture: 1440×963px; page bounds 3071–4034px of 12621px; source section ID: `9d93fd42-6f1f-4e56-8327-0baa35e7395b`; image: https://media.designdetails.io/library/6d37b915206c14c3f3fb8d32980b8f5869d9d56580135e963739de7a2b3d9f97/9d93fd42-6f1f-4e56-8327-0baa35e7395b.webp
   SECTION.md v3.2: `9d93fd42-6f1f-4e56-8327-0baa35e7395b` (deterministic evidence; editorial review pending)
6. **Features — Natural-Language Task Capture** (Home)
   AI suggestion (97% confidence): Self-contained feature demonstration with headline, explanatory copy, and a complete set of examples showing dates, times, projects, and tags parsed from plain-language tasks.
   Capture: 1440×1095px; page bounds 4178–5273px of 12621px; source section ID: `f3139e8f-7d78-4796-846b-611d6fe1ba20`; image: https://media.designdetails.io/library/10b153a11e1d9e14079f96fc5ae5659a8076da96fbd58f7698f4602b288a7f86/f3139e8f-7d78-4796-846b-611d6fe1ba20.webp
   SECTION.md v3.2: `f3139e8f-7d78-4796-846b-611d6fe1ba20` (deterministic evidence; editorial review pending)
7. **Features — The dot, in your pocket** (Home)
   AI suggestion (96% confidence): Complete two-column mobile feature section with an eyebrow, strong headline, explanatory steps, supporting status copy, and a large iPhone product preview.
   Capture: 1440×975px; page bounds 5467–6442px of 12621px; source section ID: `7baa5ac0-0c7a-482b-b4d2-1ea5e7b58da2`; image: https://media.designdetails.io/library/94b3a124967e02479040fb54bee7dfa69503df69d1ed17807362063a0d1bc5ba/7baa5ac0-0c7a-482b-b4d2-1ea5e7b58da2.webp
   SECTION.md v3.2: `7baa5ac0-0c7a-482b-b4d2-1ea5e7b58da2` (deterministic evidence; editorial review pending)
8. **Features — Notes are files you own** (Home)
   AI suggestion (97% confidence): Self-contained notes feature section combining a clear value proposition, folder and Markdown interface previews, and three supporting benefit statements.
   Capture: 1440×1083px; page bounds 6568–7651px of 12621px; source section ID: `c92cca27-40ae-4813-a179-256cf6cfb108`; image: https://media.designdetails.io/library/525a6f2a3f5cf797a607131dca7362e4efae98fbeaa1faf362210beaf7a5b671/c92cca27-40ae-4813-a179-256cf6cfb108.webp
   SECTION.md v3.2: `c92cca27-40ae-4813-a179-256cf6cfb108` (deterministic evidence; editorial review pending)
9. **Features — One dot for everything** (Home)
   AI suggestion (93% confidence): Complete product-feature section with a clear heading, explanatory copy, central interface demonstration, and three labeled states: At rest, Held, and Open.
   Capture: 1440×930px; page bounds 7800–8730px of 12621px; source section ID: `23e5c8ff-9b32-4922-af17-010265abff03`; image: https://media.designdetails.io/library/e78952539fb821fd7bbb2500bde1ff883029fe7e57b21815898dc8522f2fba13/23e5c8ff-9b32-4922-af17-010265abff03.webp
   SECTION.md v3.2: `23e5c8ff-9b32-4922-af17-010265abff03` (deterministic evidence; editorial review pending)
10. **Pricing — Free and Pro pricing** (Home)
   AI suggestion (98% confidence): Self-contained pricing section with a strong value proposition, two plan cards, a detailed feature comparison table, and closing purchase notes.
   Capture: 1440×1506px; page bounds 8820–10326px of 12621px; source section ID: `8807daf9-890f-47b1-91f5-9f11c8931391`; image: https://media.designdetails.io/library/8c00dc6eee17d5f2b4a59662bc45dc6a204fe6d55ccbaa563e2841ca3a50f5f4/8807daf9-890f-47b1-91f5-9f11c8931391.webp
   SECTION.md v3.2: `8807daf9-890f-47b1-91f5-9f11c8931391` (deterministic evidence; editorial review pending)
11. **FAQ — Short answers FAQ accordion** (Home)
   AI suggestion (98% confidence): Complete FAQ section with a prominent heading, one expanded answer, and a clearly bounded stack of collapsed questions.
   Capture: 1440×982px; page bounds 10462–11444px of 12621px; source section ID: `3f4ba1ea-c482-4629-911b-ded894858fad`; image: https://media.designdetails.io/library/4cfddc193dbbce7988063a9adc205373b47378d2ed72a518772c281c21737c7d/3f4ba1ea-c482-4629-911b-ded894858fad.webp
   SECTION.md v3.2: `3f4ba1ea-c482-4629-911b-ded894858fad` (deterministic evidence; editorial review pending)
12. **CTA — Launch notification signup** (Home)
   AI suggestion (97% confidence): Self-contained conversion section pairing a bold coming-soon message with an email field, action button, and concise privacy reassurance.
   Capture: 1440×462px; page bounds 11604–12066px of 12621px; source section ID: `d67c167f-f870-43e6-b6d8-e4e05e100679`; image: https://media.designdetails.io/library/676ad51032886e7cd537a1c067b29dd422bcc0c08b3675244247f1aa3e9ef482/d67c167f-f870-43e6-b6d8-e4e05e100679.webp
   SECTION.md v3.2: `d67c167f-f870-43e6-b6d8-e4e05e100679` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d4e057163f6bec165a7a0c43f9013f5eb94462d01a490343762e2b2c091a2744/desktop_full-4084d651-2026-10-13T19-04-08-730Z.webp
- Mobile screenshot: https://media.designdetails.io/library/9c04406a796a025c8d877c8172cdea0bc87c66e322ecbf3f40926c34f174ebfc/mobile_full-4084d651-2026-10-13T19-06-06-451Z.webp
- Open Graph image: https://media.designdetails.io/library/71948b5f7a9dbeb69be2ffbd72a5c0e2d4bb51de424298e888b1f74d3c5ef29d/og_image-4084d651-2026-10-13T19-04-50-881Z.webp
- Full-page video: https://media.designdetails.io/library/ca249afee3f1f912384b970dcda2c7cf62ce18692e31ce8f7df06a0a237b64b3/motion-1791919836486.mp4
- Video poster: https://media.designdetails.io/library/250b4ff6b8fe7d22fb4cbf52a2392a9daa724613517ad27055750e280cb807df/motion-poster-1791919836486.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero
- Newsletter Form
- Product UI
- Pricing Table
- FAQ Accordion
- Footer
- Feature Collection
- Inline Product Syntax Highlighting

## Quality rubric

Overall: 58.19/100 (Competent)
Evidence coverage: 80%
Judge tier: Competent
Verdict: Pip's site is a well-crafted, restrained minimalist marketing page whose strongest asset is tying its one original idea — live orange highlighting of recognized dates/tags/projects — directly into both copy and mockups, alongside genuinely tight content-to-artifact pairing in the notes and iPhone sections. But beyond that single device, the typography, palette, and structure largely follow an established lowercase-wordmark-footer, cream-and-black, FAQ-accordion SaaS template, and motion quality cannot be verified from the evidence provided, so the overall result reads as competently executed rather than distinctive.

- Typography (15%): 64 — A genuine type system is visible rather than a single hero font: Switzer carries both oversized display headings (129.6px/-5.8px tracking, 100.8px/-4px) and small UI labels, while Geist Mono is reserved for technical/data contexts (timestamps, file paths, counters). The tight negative tracking on large display sizes is used consistently across multiple H1/H2 instances, and uppercase mono/sans labels (font-26, font-34) show deliberate micro-typography for eyebrow tags. This is competent, purposeful hierarchy work, but the tight-tracked giant-sans-headline look is now a common SaaS convention, and body copy (17px/16px) is unremarkable.
- Color (10%): 61 — The palette is tightly restrained — near-black text (#0C0C0C) on a soft cream canvas (#F6F4EF) with off-white surfaces (#FFFEFB) for inputs/panels, bordered by a muted neutral (#E6E3DC) — and the single orange accent (#FF4D00) is reused with purpose: it marks the mascot, CTA accents, and critically highlights recognized words inside the inline parsing demo, tying color directly to product behavior. This is disciplined and legible, but it is also a very common 'cream + black + one accent' indie-SaaS palette with no unusual relationships or tension beyond the single functional highlight.
- Layout (20%): 63 — The page sustains a calm, generous vertical rhythm across many distinct section types — nav, hero with signup, a scrolling task-list demo, an inline NLP-highlighting block, an iPhone mockup section, a notes/file-browser two-panel comparison, a capture-state diagram (at rest/held/open), a pricing comparison table, an FAQ accordion, and an oversized wordmark footer. Each section keeps consistent margins and alignment and the product UI panels are inset consistently with matching border/radius treatment. This is a coherent, well-organized system for a long single-page marketing site, though the overall pattern (headline → device → smaller feature triptychs → pricing → FAQ → giant footer wordmark) is a standard long-scroll SaaS template rather than a structurally novel layout.
- Motion (20%): Inconclusive — Only scroll-position frame pairs were captured; the observation explicitly notes that scrolling behavior is capture artifact, not confirmed site animation, and video-based motion analysis failed. No easing, transition quality, hover/micro-interaction behavior, or animated state changes (e.g. whether the capture-panel 'at rest/held/open' states actually animate) can be verified from the evidence provided.
- Originality (25%): 47 — The one genuinely product-specific idea — inline orange highlighting of recognized date/time/project/tag entities within example task text — is a nice hard-to-substitute device because it visually demonstrates the app's actual parsing behavior rather than existing as decoration. However, nearly everything else (giant tight-tracked display headline, cream/black/orange minimal palette, 3D bouncy mascot blob, oversized wordmark footer, FAQ accordion, two-tier pricing card contrast of light vs. dark) is a now-standard indie SaaS/productivity-app template vocabulary seen across many 'coming soon' product sites. There is no structural surprise in navigation, scroll choreography, or composition beyond the single highlighting conceit.
- Content (10%): 65 — Copy and visual devices are tightly coupled to actual product mechanics rather than generic feature bullets: the parsing demo shows the literal text-to-structured-task transformation, the notes section pairs a folder tree with a rendered Markdown file to prove the 'your files, your format' claim, and the iPhone section numbers an interaction sequence (01-04) matched to a mockup. This purposeful pairing of explanation and artifact is a real strength and goes beyond surface decoration.

Coverage: 80% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A simple orange sphere with two dot eyes gives the app a quiet personality against warm off-white space, while oversized black headlines and generous gaps between short chapters let the page breathe. Dark task-card mockups and a plain Markdown file view make the product's calm, file-based simplicity easy to trust at a glance.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.