# Zero — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.zero.university/
Captured: 2026-10-06
CSS measured: 2026-10-06T06:18:37.102Z at 1440×1000 — https://www.zero.university/
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

A highly illustrative and narrative-driven landing page that combines editorial typography, playful handwritten accents, realistic 3D architectural renders, and floating UI components. The layout uses generous vertical scrolling to tell a story, with a strong brand identity anchored in varying shades of green, pill-shaped buttons, and soft floating shadows.

## Classification

- Industry: education
- Site type: Portfolio
- Business model: AI, Software, Portfolio
- Styles: illustrative, playful, editorial, narrative-scroll, 3d-realism
- Platform: Framer
- Technology: Not identified

## Typography

- Display: STK Bureau Serif Book — weight 400; size 96px; line-height 96px; tracking -4.8px; Regular (100% role confidence, computed values)
- Heading: Caveat — weight 400; size 32px; line-height 25.6px; tracking -1.3px; Regular (90% role confidence, computed values)
- Body: Google Sans Flex — weight 500; size 14px; line-height 19.6px; tracking normal; Regular (95% role confidence, computed values)
- Mono: PP Supply Mono Regular — weight 400; size 16px; line-height 25.6px; tracking -0.3px; uppercase (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White (#FFFFFF) is the dominant background color for the main narrative sections and floating cards. (100% role confidence, computed values)
- Text — text #000000: color-1: computed rgb(0, 0, 0); AI role: Solid black (#000000) is used for the majority of primary text and the serif headings. (100% role confidence, computed values)
- Surface — surface #192E19: color-8: computed rgb(25, 46, 25); AI role: Dark green (#192E19) serves as the primary background for the distinct footer section. (90% role confidence, computed values)
- Primary Action — primary action #262424: color-9: computed rgb(38, 36, 36); AI role: Dark grey/black (#262424) used for primary button backgrounds. (90% role confidence, computed values)
- Accent — accent #0E895A: color-5: computed rgb(14, 137, 90); AI role: A rich green (#0E895A) is used for brand elements, handwritten text accents, and the 'zero' logo. (85% 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": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "96px",
    "lineHeight": "96px",
    "letterSpacing": "-4.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Learn.Build.Get hired.",
        "top": 254,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Caveat",
    "fontStack": "Caveat, sans-serif",
    "weight": "400",
    "size": "96px",
    "lineHeight": "57.6px",
    "letterSpacing": "-4.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "all inone app",
        "top": 611,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Caveat",
    "fontStack": "Caveat, sans-serif",
    "weight": "400",
    "size": "27px",
    "lineHeight": "21.6px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Beta members get a guaranteed interview.",
        "top": 630,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "18.2px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "p",
        "text": "Cursor",
        "top": 7282,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "NextJs",
        "top": 7282,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Vercel",
        "top": 7282,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "24px",
    "letterSpacing": "-0.7px",
    "traits": "capitalize",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Software Engineering",
        "top": 4534,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI & Data Science",
        "top": 4613,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Business",
        "top": 4692,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Applied AI Engineer · Backend Engineer · Full Stack Developer · Frontend Developer",
        "top": 4526,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI Engineer · Machine Learning Engineer · Data Scientist · Business Intelligence Analyst",
        "top": 4606,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Management Consultant · Financial Analyst · Operations Associate · Chief of Staff",
        "top": 4685,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "500",
    "size": "26px",
    "lineHeight": "36.4px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Build an AI rewrite prototype in Gmail that helps users finish long email drafts.",
        "top": 7060,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Identify why ChatGPT users aren’t upgrading and propose a solution to improve conversion.",
        "top": 8057,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Build a demand forecasting model that predicts weekly sales for the Nike Zoom launch.",
        "top": 9054,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "PP Supply Mono Regular",
    "fontStack": "\"PP Supply Mono Regular\", \"PP Supply Mono Regular Placeholder\", monospace",
    "weight": "400",
    "size": "16px",
    "lineHeight": "25.6px",
    "letterSpacing": "-0.3px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "SOFTWARE ENGINEER",
        "top": 6929,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Business Analyst",
        "top": 7923,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Data Scientist",
        "top": 8923,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Codex",
        "top": 8326,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Google Sheets",
        "top": 8318,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pandas",
        "top": 9280,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "500",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Join Beta",
        "top": 926,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Join Beta",
        "top": 950,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Join Beta",
        "top": 928,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Join Beta",
        "top": 17512,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Caveat",
    "fontStack": "Caveat, sans-serif",
    "weight": "500",
    "size": "28px",
    "lineHeight": "39.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "... we charge recruiters.",
        "top": 14549,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "PP Supply Mono Regular",
    "fontStack": "\"PP Supply Mono Regular\", \"PP Supply Mono Regular Placeholder\", monospace",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "-0.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Scroll",
        "top": 862,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Google Sans Flex",
    "fontStack": "\"Google Sans Flex\", \"Google Sans Flex Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "team@zero.university",
        "top": 17838,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "PP Supply Mono",
    "fontStack": "\"PP Supply Mono\", monospace",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "beta phase 2, opening soon.",
        "top": 17573,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Caveat",
    "fontStack": "Caveat, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "25.6px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "resumes",
        "top": 11042,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "are",
        "top": 11038,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "dead",
        "top": 11054,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "67.2px",
    "letterSpacing": "-2.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Get",
        "top": 4260,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "hired",
        "top": 4260,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "into",
        "top": 4260,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "-2.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Build",
        "top": 10804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "a",
        "top": 10804,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "portfolio",
        "top": 10804,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Caveat",
    "fontStack": "Caveat, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "22.4px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "AI",
        "top": 4368,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Native",
        "top": 4372,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "no",
        "top": 5329,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "90px",
    "lineHeight": "90px",
    "letterSpacing": "-4.5px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "4",
        "top": 282,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "years.",
        "top": 282,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "In",
        "top": 376,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "57.6px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "and",
        "top": 14333,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "it",
        "top": 14333,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "costs...",
        "top": 14333,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "STK Bureau Serif Book",
    "fontStack": "\"STK Bureau Serif Book\", \"STK Bureau Serif Book Placeholder\", serif",
    "weight": "400",
    "size": "100px",
    "lineHeight": "80px",
    "letterSpacing": "-4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Join",
        "top": 17344,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "our",
        "top": 17344,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 144,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": -3183,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": -1014,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": -1003,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#B2FFC4",
    "alpha": 1,
    "cssValue": "rgb(178, 255, 196)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": -917,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 39,
    "contexts": [
      {
        "tag": "body",
        "text": "html body { background: var(--token-6c1f4f47-c6b8-42b3-8425-b084bfb6b014, rgb(255, 255, 255)); }Join",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Join BetaJoin BetaJoin BetaScroll4 years. In debt. And still noLearn.Build.Get hired.Beta members ge",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": -1003,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FBFAF9",
    "alpha": 1,
    "cssValue": "rgb(251, 250, 249)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1000,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#0E895A",
    "alpha": 1,
    "cssValue": "rgb(14, 137, 90)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#99EEFF",
    "alpha": 1,
    "cssValue": "rgb(153, 238, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "4 years. In debt. And still noLearn.Build.Get hired.Beta members get a guaranteed interview.all inon",
        "top": -20,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#F8F7F5",
    "alpha": 1,
    "cssValue": "rgb(248, 247, 245)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Join ourYou win, we winWe want you toget hiredJoin Betabeta phase 2, opening soon.team@zero.universi",
        "top": 16914,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#192E19",
    "alpha": 1,
    "cssValue": "rgb(25, 46, 25)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Join ourYou win, we winWe want you toget hiredJoin Betabeta phase 2, opening soon.team@zero.universi",
        "top": 16914,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#262424",
    "alpha": 1,
    "cssValue": "rgb(38, 36, 36)",
    "count": 47,
    "contexts": [
      {
        "tag": "div",
        "text": "Join BetaJoin Beta",
        "top": 914,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Join Beta",
        "top": 916,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "Get",
        "top": 4260,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#1B2C22",
    "alpha": 1,
    "cssValue": "rgb(27, 44, 34)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "4",
        "top": 282,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F7F4F2",
    "alpha": 1,
    "cssValue": "rgb(247, 244, 242)",
    "count": 13,
    "contexts": [
      {
        "tag": "div",
        "text": "Cursor",
        "top": 7275,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#000000",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(0, 0, 0, 0.3)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Join BetaJoin BetaJoin Beta",
        "top": 908,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#060003",
    "alpha": 1,
    "cssValue": "rgb(6, 0, 3)",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Software Engineering",
        "top": 4534,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#052814",
    "alpha": 0.2,
    "cssValue": "rgba(6, 38, 22, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Beta members get a guaranteed interview.",
        "top": 602,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#F6F4F3",
    "alpha": 1,
    "cssValue": "rgb(246, 244, 243)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 6879,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(255, 255, 255, 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "team@zero.university",
        "top": 17830,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.9)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 914,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 914,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#000000",
    "alpha": 0.2,
    "cssValue": "rgba(0, 0, 0, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Scroll",
        "top": 848,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "beta phase 2, opening soon.",
        "top": 17573,
        "property": "text"
      }
    ]
  }
]
```

### 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: Highly custom, narrative-driven spacing. Extremely generous vertical margins between distinct 'scenes' to allow the user to scroll through a story, rather than tight, modular grids.
- Corner style: Soft and friendly. The UI cards and forms feature pronounced rounded corners, avoiding sharp edges entirely.
- Radius: Large border-radii on buttons (pill shape, fully rounded) and significant rounding (likely 16px-24px) on floating UI cards.
- Borders: Mostly borderless designs relying on soft, diffused drop shadows to separate floating elements from the background. Some subtle, light borders on interior UI card elements.
- Buttons: Pill-shaped, combining dark backgrounds with white text or integrated into pill-shaped input fields. They feature tight padding and no visible borders.
- Content width: Variable. Full-bleed for the 3D background renders, but central text and floating cards are kept to readable, centered max-widths (approx 800px-1000px).
- Density: Very low density overall. The design prioritizes vast amounts of negative space (or open 3D space) to focus attention on singular, bold statements or specific floating mockups.
- Evidence: Visual observation of the pill buttons, large stretches of white canvas between headings, the soft shadows on the OpenAI/Nike UI cards, and the full-width architectural background images.

## Sections

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

1. **Hero — Graduate Debt Crisis Hero** (Home)
   AI suggestion (97% confidence): Complete, visually distinctive opening hero with a bold debt-and-employment headline, tactile desktop composition, and integrated Join Beta call to action.
   Capture: 1440×1011px; page bounds 0–1011px of 17914px; source section ID: `75aca168-b299-472f-9e80-618dcbdee3b7`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/1fb618b9f607dec188af51585eed665ff5bcf83d3a684e3a7e5633e1fe803dd1/75aca168-b299-472f-9e80-618dcbdee3b7.webp
   SECTION.md v3.2: `75aca168-b299-472f-9e80-618dcbdee3b7` (deterministic evidence; editorial review pending)
2. **Other — In-Demand Career Paths** (Home)
   AI-proposed category: career-paths
AI suggestion (94% confidence): Complete standalone catalog section with a prominent careers heading and a structured list of disciplines paired with specific job roles; it begins and ends cleanly before the next project-focused section.
   Capture: 1440×924px; page bounds 4250–5174px of 17914px; source section ID: `559f8067-df84-48d0-a876-a147c86de2bd`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/39655bd56c54fc2530147c58b5bce4b9e62c158feb7c38df2f529e50cdabfa92/559f8067-df84-48d0-a876-a147c86de2bd.webp
   SECTION.md v3.2: `559f8067-df84-48d0-a876-a147c86de2bd` (deterministic evidence; editorial review pending)
3. **Testimonials — Get Matched with Recruiters** (Home)
   AI suggestion (93% confidence): Complete, self-contained split-layout product feature with a clear benefit statement, supporting annotation, recruiter-match profile UI, and recognizable employer marks. Its beginning and ending are both visible before the next interview-scheduling feature starts.
   Capture: 1440×876px; page bounds 11798–12674px of 17914px; source section ID: `d398d17e-983d-4730-8628-8cdc44964e22`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/ba26f4739d6c6e47ba27415ae66a9772b3d7d36ff9ed98f3254e71b1974f88db/d398d17e-983d-4730-8628-8cdc44964e22.webp
   SECTION.md v3.2: `d398d17e-983d-4730-8628-8cdc44964e22` (deterministic evidence; editorial review pending)
4. **CTA — Join Our Beta Signup** (Home)
   AI suggestion (97% confidence): Complete dark-grid conversion section with a prominent beta invitation, email capture form, supporting notes, and integrated contact/social links at the page bottom.
   Capture: 1440×893px; page bounds 17021–17914px of 17914px; source section ID: `62415562-0d9a-4f6e-9c1b-95fcc3a97fe7`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6dcfbae3d7862a90326b45ff0b18a44ae8968434f548cdbde2e4afaa0ca8e9f9/62415562-0d9a-4f6e-9c1b-95fcc3a97fe7.webp
   SECTION.md v3.2: `62415562-0d9a-4f6e-9c1b-95fcc3a97fe7` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/62c1c7d100474e668e1202273883de61aca7539e7aa0d62501ec4d993e03e733/desktop_full-8c1dac70-2026-10-06T06-18-37-142Z.jpg
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6f33ddc7e282c4f7db3c85dde8e410cfe5ad3ddf189f218f4efe17bcd43420cd/mobile_full-8c1dac70-2026-10-06T06-19-19-152Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f995a3a7a3f8968651abe3df8139ab01114226d8319b6c4cc46b2ce87925600b/og_image-8c1dac70-2026-10-06T06-18-46-518Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/5b245ffe8463083042802770784e80e661a3375b4cbc980c7f34e61ef4a3b058/motion-1791300078617.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f602b9327685deb39e3d8764fbd312c7b1972f715e76a38a5623e02678ca7ea0/motion-poster-1791300078617.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

- Hero With Background Imagery
- Primary Button
- Floating Product Card
- Newsletter Form
- Handwritten Annotations
- Scattered UI Montage

## Quality rubric

Overall: 59.75/100 (Competent)
Evidence coverage: 80%
Judge tier: Good
Verdict: zero.university builds a genuinely coherent narrative system — a consistent four-role type hierarchy, a restrained core green/black/white palette, and a clever recurring device of branded 3D campus renders standing in for job categories — sustained across an unusually long single-scroll page. But the component vocabulary (soft-shadow floating cards over photographic backdrops, handwritten arrow annotations, pill buttons) closely echoes a very common contemporary startup aesthetic, and with no motion evidence available for a format that leans on scroll pacing, the execution reads as competent-to-good rather than exceptional.

- Typography (15%): 63 — A deliberate four-role type system (STK Bureau Serif Book for narrative headlines, Caveat script for handwritten asides, Google Sans Flex for UI/body copy, PP Supply Mono for uppercase labels) is applied consistently across the long scroll, giving each section a readable hierarchy. Aggressive negative tracking on display sizes (-4.8px at 96px, -4.5px at 90px, -4px at 100px) is fashionable but applied uniformly rather than haphazardly.
- Color (10%): 56 — The core palette (white canvas, black text, dark green #192E19 footer, near-black #262424 buttons, green accent #0E895A) is restrained and ties to the brand's 'zero' mark, but stray hues from embedded photography (#99EEFF cyan, #B2FFC4 light green) leak into the sampled palette, suggesting the secondary color story is incidental to images rather than deliberately art-directed.
- Layout (20%): 64 — The page sustains a coherent narrative structure across many distinct scenes (desk/diploma cold-open, value prop, career-track table, branded 3D campus cards, portfolio mockups, recruiter-matching cards, pricing reveal, footer CTA), each using the same button, card-shadow, and annotation conventions. This is a real cross-section system, not a single hero trick, though the component vocabulary (floating shadowed cards over full-bleed imagery) repeats with limited variation.
- Motion (20%): Not_assessed — No motion recording or interaction evidence was supplied for this capture, so scroll-triggered reveals, card entrances, or transition quality cannot be verified from the available DOM/CSS snapshot.
- Originality (25%): 53 — The desk-to-diploma-to-campus narrative arc and the specific device of using recognizable branded 3D building renders (OpenAI, Nike, Duolingo, Microsoft) as literal backdrops for job-sample cards is a reasonably clever, hard-to-substitute idea. However, the surrounding visual language — handwritten Caveat arrows annotating screenshots, pill CTA buttons, soft-shadow floating UI cards over photographic/3D scenes, serif-plus-script headline pairing — closely matches a now-common contemporary startup idiom seen across many current SaaS and edtech sites, limiting how distinctive the overall execution feels.
- Content (10%): 67 — Content and visual metaphor are tightly fused: the opening desk scene and mock diploma literalize the student-debt narrative, the career-track table is paired one-to-one with branded building renders representing real companies, and portfolio mockups reference actual tools (Cursor, NextJs, Vercel, Pandas, Jupyter) rather than generic placeholder labels, giving the storytelling device real specificity.

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 top-down desk scene with a cutting mat, old mouse and scattered mail sets a scrapbook mood, then a mock diploma in gothic type pokes fun at useless degrees before the page pivots to green sans-serif headlines on cream. Company logo chips and screenshot cards break the long scroll into clear, scannable chapters showing the product's actual screens.

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