# PostGeneric — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://postgeneric.com/
Captured: 2026-10-06
CSS measured: 2026-10-06T14:58:53.996Z at 1440×1000 — https://postgeneric.com/
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

PostGeneric employs a striking, editorial-inspired visual language that contrasts large, elegant serif typography with crisp sans-serif body text. The layout relies on generous whitespace and a soft, pastel-to-deep-purple color palette to frame large imagery and dynamic 3D elements. The UI is characterized by soft rounded corners on cards and pill-shaped buttons, creating an approachable yet sophisticated aesthetic.

## Classification

- Industry: creative
- Site type: Landing, Portfolio
- Business model: AI, Software, Portfolio
- Styles: editorial, bold, minimal, gradient, soft-modern
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: neueMontreal — weight 900; size 326.9px; line-height 255px; tracking -14.3px; Regular (95% role confidence, computed values)
- Heading: Instrument Serif — weight 400; size 80.5px; line-height 80.5px; tracking -1px; Regular (90% role confidence, computed values)
- Body: neueMontreal — weight 500; size 16px; line-height 24.8px; tracking -0.4px; Regular (90% role confidence, computed values)
- Mono: neueMontreal — weight 500; size 15px; line-height 22.5px; tracking normal; Regular (70% role confidence, computed values)

## Functional palette

- Text — text #1F0B53: color-1: computed rgb(31, 11, 83); AI role: Deep purple/blue (#1F0B53) is used as the primary text color, providing high contrast against light backgrounds. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White (#FFFFFF) is used as the primary background color for the main content areas. (90% role confidence, computed values)
- Surface — surface #F2F1F8: color-2: computed rgb(242, 241, 248); AI role: Light lavender (#F2F1F8) is used for the background of testimonial cards and the secondary pricing card. (85% role confidence, computed values)
- Canvas — canvas #10032E: color-6: computed rgb(16, 3, 46); AI role: Very dark blue (#10032E) is used as the background for the primary, emphasized pricing card. (80% 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": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "49px",
    "lineHeight": "45px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "h3",
        "text": "Web App Unraven",
        "top": 2456,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Kiosk App BCB",
        "top": 3176,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Mobile App Bayswater",
        "top": 3895,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "73.6px",
    "lineHeight": "73.6px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Two ways to work with us.",
        "top": 11307,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Proof that good design pays for itself.",
        "top": 12320,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "37.4px",
    "lineHeight": "34.4px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Fixed priceper project",
        "top": 11558,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Rent a teammonthly retainer",
        "top": 11558,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "120px",
    "lineHeight": "110px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Let’s fight the average together.",
        "top": 13329,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "87.9px",
    "lineHeight": "87.9px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Everything you need to stop blending in.",
        "top": 10218,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "80.5px",
    "lineHeight": "80.5px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Proof that tastestill matters.",
        "top": 2044,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "24px",
    "lineHeight": "36px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The work behind the promise",
        "top": 1336,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16.7px",
    "lineHeight": "27.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 45,
    "contexts": [
      {
        "tag": "p",
        "text": "Find out what is holding your product back.",
        "top": 10524,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A UX audit of an existing product, covering usability, conversion and brand consistency, and the fix",
        "top": 10568,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "UX and UI review",
        "top": 10736,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "Secret management for small teams, freelancers and technical founders who want real security without",
        "top": 2566,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A self-service terminal for the Black Control Box network — operators sign in with a four-digit PIN ",
        "top": 3286,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A student app for an international education group — news, events, study and the team in one place, ",
        "top": 4005,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "50.2px",
    "lineHeight": "60.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "$990",
        "top": 10964,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "$1,900",
        "top": 11116,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "$5k – $50k",
        "top": 11297,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "10.7px",
    "lineHeight": "35.8px",
    "letterSpacing": "1.1px",
    "traits": "uppercase",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Including",
        "top": 10700,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Including",
        "top": 10853,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Including",
        "top": 10950,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by founders who’ve raised $500M+",
        "top": 1096,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "From",
        "top": 12023,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "From",
        "top": 12023,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "60.5px",
    "lineHeight": "60.5px",
    "letterSpacing": "-1.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "$3,000",
        "top": 12047,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "$3,000/mo",
        "top": 12047,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "25.6px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "A defined scope, fixed timeline and fixed fee for brands, websites, products and AI prototypes. Led ",
        "top": 11643,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A senior design team with an AI-powered workflow. Ongoing product design and AI prototypes, month af",
        "top": 11643,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "18.9px",
    "lineHeight": "30.2px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Tell us about your company, your stage, and what you’re trying to make. We reply within one working ",
        "top": 13573,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "PostGeneric designs distinctive, brand-driven digital products for startups that refuse to look or p",
        "top": 789,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "29px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 32,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "“Their key strength is in UI/UX – the site and app are lively and represent our new brand well.”",
        "top": 12573,
        "property": "font"
      },
      {
        "tag": "blockquote",
        "text": "“Their high level of professionalism and constructive feedback was impressive.”",
        "top": 12573,
        "property": "font"
      },
      {
        "tag": "blockquote",
        "text": "“They provided us with good design foundations, fast delivery, and carefully prepared outputs.”",
        "top": 12573,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 32,
    "contexts": [
      {
        "tag": "strong",
        "text": "Eric Duffy",
        "top": 12726,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Michaela Kupcikova",
        "top": 12726,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Ondrej Konecny",
        "top": 12726,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "19.5px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 32,
    "contexts": [
      {
        "tag": "span",
        "text": "CEO, Convo",
        "top": 12745,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Brand Manager, Forbes",
        "top": 12745,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Product Designer, CloudTalk",
        "top": 12745,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Play showreel",
        "top": 17,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See case study",
        "top": 17,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See case study",
        "top": 17,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "49px",
    "lineHeight": "45px",
    "letterSpacing": "-1.5px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Unraven",
        "top": 2501,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "BCB",
        "top": 3221,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Bayswater",
        "top": 3940,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "li",
        "text": "Scope locked before we start",
        "top": 11792,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Milestones with review gates",
        "top": 11828,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "No surprise invoices",
        "top": 11864,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a call",
        "top": 877,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a call",
        "top": 10984,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a call",
        "top": 11137,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Work",
        "top": 30,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Services",
        "top": 30,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Pricing",
        "top": 30,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "© 2026 PostGeneric — part of Outloud US LLC",
        "top": 13878,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Outloud US LLC",
        "top": 13878,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "X",
        "top": 13878,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "134.7px",
    "lineHeight": "123.9px",
    "letterSpacing": "-2.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "dd",
        "text": "$500M+",
        "top": 1390,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "80+",
        "top": 1660,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "73.6px",
    "lineHeight": "73.6px",
    "letterSpacing": "-3.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "work with us.",
        "top": 11380,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "pays for itself.",
        "top": 12394,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "37.4px",
    "lineHeight": "34.4px",
    "letterSpacing": "-1.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "per project",
        "top": 11593,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "monthly retainer",
        "top": 11593,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "normal",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a call",
        "top": 12057,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a call",
        "top": 12057,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "900",
    "size": "326.9px",
    "lineHeight": "255px",
    "letterSpacing": "-14.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "PostGeneric",
        "top": 14066,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "326.9px",
    "lineHeight": "255px",
    "letterSpacing": "-5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "em",
        "text": "Generic",
        "top": 13986,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "120px",
    "lineHeight": "110px",
    "letterSpacing": "-5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "average together.",
        "top": 13439,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "87.9px",
    "lineHeight": "87.9px",
    "letterSpacing": "-4.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "to stop blending in.",
        "top": 10305,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "80.5px",
    "lineHeight": "80.5px",
    "letterSpacing": "-3.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Proof that taste",
        "top": 2044,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "79.1px",
    "lineHeight": "84.6px",
    "letterSpacing": "-3.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "We are the cure",
        "top": 755,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Instrument Serif",
    "fontStack": "\"Instrument Serif\", \"Instrument Serif Fallback\", Georgia, serif",
    "weight": "400",
    "size": "79.1px",
    "lineHeight": "82.3px",
    "letterSpacing": "-1.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "for the AI slop era.",
        "top": 831,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "View work",
        "top": 875,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Contact us",
        "top": 42,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "700",
    "size": "23.9px",
    "lineHeight": "28.7px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "button",
        "text": "Audit",
        "top": 10516,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Visual Direction",
        "top": 10642,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Product Design",
        "top": 10767,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "neueMontreal",
    "fontStack": "neueMontreal, \"neueMontreal Fallback\", system-ui, sans-serif",
    "weight": "650",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -84,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#1F0B53",
    "alpha": 1,
    "cssValue": "rgb(31, 11, 83)",
    "count": 180,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -84,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 47,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Contact us",
        "top": 42,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F2F1F8",
    "alpha": 1,
    "cssValue": "rgb(242, 241, 248)",
    "count": 33,
    "contexts": [
      {
        "tag": "article",
        "text": "Rent a teammonthly retainerA senior design team with an AI-powered workflow. Ongoing product design ",
        "top": 11518,
        "property": "background"
      },
      {
        "tag": "figure",
        "text": "“Their key strength is in UI/UX – the site and app are lively and represent our new brand well.”Eric",
        "top": 12531,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 77,
    "contexts": [
      {
        "tag": "body",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://postgeneric.com/#o",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -84,
        "property": "control-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 42,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FFFFFF",
    "alpha": 0.7803921568627451,
    "cssValue": "rgba(255, 255, 255, 0.78)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "PostGeneric",
        "top": 14066,
        "property": "text"
      },
      {
        "tag": "em",
        "text": "Generic",
        "top": 13986,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#5B5780",
    "alpha": 1,
    "cssValue": "rgb(91, 87, 128)",
    "count": 47,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by founders who’ve raised $500M+",
        "top": 1096,
        "property": "text"
      },
      {
        "tag": "dt",
        "text": "Raised",
        "top": 1525,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "CEO, Convo",
        "top": 12745,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#10032E",
    "alpha": 1,
    "cssValue": "rgb(16, 3, 46)",
    "count": 3,
    "contexts": [
      {
        "tag": "article",
        "text": "Fixed priceper projectA defined scope, fixed timeline and fixed fee for brands, websites, products a",
        "top": 11518,
        "property": "background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 12060,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Book a call",
        "top": 12057,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#5C5781",
    "alpha": 0.3803921568627451,
    "cssValue": "rgba(91, 87, 128, 0.38)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Including",
        "top": 10700,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#141527",
    "alpha": 1,
    "cssValue": "rgb(20, 21, 39)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact us",
        "top": 29,
        "property": "::after-background"
      },
      {
        "tag": "button",
        "text": "Book a call",
        "top": 859,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.9215686274509803,
    "cssValue": "rgba(255, 255, 255, 0.92)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "PostGeneric designs distinctive, brand-driven digital products for startups that refuse to look or p",
        "top": 789,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.8196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.82)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "A defined scope, fixed timeline and fixed fee for brands, websites, products and AI prototypes. Led ",
        "top": 11643,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#080808",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(10, 10, 10, 0.12)",
    "count": 5,
    "contexts": [
      {
        "tag": "article",
        "text": "AuditFind out what is holding your product back.A UX audit of an existing product, covering usabilit",
        "top": 10508,
        "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 spacing with large vertical margins between distinct sections (e.g., between portfolio items and pricing). Padding within cards is ample to maintain a breathable layout.
- Corner style: Smooth, rounded corners are a key motif, softening the UI.
- Radius: Buttons feature fully rounded (pill-shaped) radii. Cards (pricing, testimonials) feature moderate border-radii, likely around 16px-24px.
- Borders: Borders are largely absent. Separation is achieved through background color shifts (e.g., white vs. light lavender) rather than explicit border lines.
- Buttons: Buttons are consistently pill-shaped. Variations include solid white with dark text on colored backgrounds, and solid dark with white text on light backgrounds. Ghost/outline styles are also present.
- Content width: Content is generally centered within a constrained max-width container, with some elements (like images or background typography) breaking out for dramatic effect.
- Density: Low density. The design prioritizes whitespace and large typographic/visual elements over packing information tightly.
- Evidence: Observation of padding around text blocks, the distinct pill shape of all clickable CTAs, the lack of visible borders on cards, and the expansive layout structure.

## Sections

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

1. **Hero — AI Slop Era Agency Hero** (Home)
   AI suggestion (97% confidence): Complete page-opening hero with navigation, distinctive abstract artwork, positioning statement, supporting copy, dual CTAs, and a founder-trust logo row.
   Capture: 1440×1254px; page bounds 0–1254px of 14481px; source section ID: `8018caba-7729-4e70-bfc5-548032088ef1`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/d9671263bd4f7d62daca96c61db190b4b07ed14f79f17c10ae4bbbb31d54157a/8018caba-7729-4e70-bfc5-548032088ef1.webp
   SECTION.md v3.2: `8018caba-7729-4e70-bfc5-548032088ef1` (deterministic evidence; editorial review pending)
2. **Features — Clients** (Home)
   Reusable feature composition from Home, organized around “Clients”.
   Capture: 1440×251px; page bounds 1000–1251px of 14481px; source section ID: `1d7f822d-a21a-4d62-8b3d-e73f3b1c103b`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/9b93c3559f6ff964017e451de8c76692fa27783ac4351da13e06436c7e3c4da9/section_crop-1d7f822d-2026-10-06T14-59-04-264Z.webp
   SECTION.md v3.2: `1d7f822d-a21a-4d62-8b3d-e73f3b1c103b` (deterministic evidence; editorial review pending)
3. **Features — Everything you need to stop blending in.** (Home)
   Reusable feature composition from Home, organized around “Everything you need to stop blending in.”.
   Capture: 1440×1089px; page bounds 10131–11220px of 14481px; source section ID: `120fea5e-0119-4b1b-a983-9f50f516c170`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/4bcd89adbbfaa553cb3a6843bd8dc7c5a3d7842743769aabb6d924beaa851705/section_crop-120fea5e-2026-10-06T14-59-05-932Z.webp
   SECTION.md v3.2: `120fea5e-0119-4b1b-a983-9f50f516c170` (deterministic evidence; editorial review pending)
4. **Features — Proof that good design pays for itself.** (Home)
   Reusable feature composition from Home, organized around “Proof that good design pays for itself.”.
   Capture: 1440×894px; page bounds 12234–13128px of 14481px; source section ID: `ffca48c9-4c20-4765-9c4d-48d4d5814c73`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/a943333847e941d099d07355befc475677e9057be534c378d72495c17798885d/section_crop-ffca48c9-2026-10-06T14-59-07-969Z.webp
   SECTION.md v3.2: `ffca48c9-4c20-4765-9c4d-48d4d5814c73` (deterministic evidence; editorial review pending)
5. **Editorial — Unraven case study overview** (Web App UnravenSecret management for small teams, )
   AI suggestion (90% confidence): Complete project introduction combining the Web App Unraven title, summary, delivery and industry metadata, launch metrics, and two substantial product-brand visuals. It has a clear beginning at the page top and ends before the subsequent gallery continuation.
   Capture: 1440×960px; page bounds 30–990px of 5582px; source section ID: `a40800cd-8ceb-4674-8c16-35103347e33f`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/57047dafdc8e154da757e4799cf114e9c26a948ee12082183afc923a9831b5d1/a40800cd-8ceb-4674-8c16-35103347e33f.webp
   SECTION.md v3.2: `a40800cd-8ceb-4674-8c16-35103347e33f` (deterministic evidence; editorial review pending)
6. **Stats — Funding and Project Impact** (Home)
   AI suggestion (90% confidence): Self-contained impact section pairing a large product interface visual with prominent $500M+ raised and 80+ projects metrics.
   Capture: 1440×558px; page bounds 1323–1881px of 14481px; source section ID: `1452661c-f866-4546-a753-794cf19ad499`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/18ebf0064f271e0eabe942b31ce232f4bcfc2e183ae33bbc96f09e061db68e13/1452661c-f866-4546-a753-794cf19ad499.webp
   SECTION.md v3.2: `1452661c-f866-4546-a753-794cf19ad499` (deterministic evidence; editorial review pending)
7. **Footer — Let's fight the average together** (Web App UnravenSecret management for small teams, )
   AI suggestion (98% confidence): Complete, substantial page-ending system combining a bold conversion CTA, contact actions, legal and social links, and a distinctive full-width gradient landscape treatment.
   Capture: 1440×1342px; page bounds 4240–5582px of 5582px; source section ID: `ac86aee1-af61-4c1d-a83e-36e54dda22ca`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/1f39e00394375cd6a3663445e7afee91890241cb2fc1b9aa4fc800dd5728375f/ac86aee1-af61-4c1d-a83e-36e54dda22ca.webp
   SECTION.md v3.2: `ac86aee1-af61-4c1d-a83e-36e54dda22ca` (deterministic evidence; editorial review pending)
8. **Pricing — Two Ways to Work With Us** (Home)
   AI suggestion (98% confidence): Complete pricing section with a clear heading and two fully visible, contrasting engagement-plan cards, including benefits, prices, and booking CTAs.
   Capture: 1440×879px; page bounds 11300–12179px of 14481px; source section ID: `6060b6f3-13a9-47a7-b45d-8369fab986ae`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/13f662df62060343bfe88ec33f5e5e4a2639c8f3edf619a608ba13357c0a9b76/6060b6f3-13a9-47a7-b45d-8369fab986ae.webp
   SECTION.md v3.2: `6060b6f3-13a9-47a7-b45d-8369fab986ae` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/3f3bc9d9d964b38de699b33e0cb67440519606ac12024ff5a4c8ba7089cf7511/desktop_full-f30d0fb7-2026-10-06T14-58-54-006Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/1fbb12b2f176f6600228b43f1e71ee1d9ffcca4af69301523e78997c781821f2/mobile_full-f30d0fb7-2026-10-06T14-59-45-343Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/34ab208b85f9c86d8dbdcb97cd01a940745310ee6fa9345a9ca0dc71bb07bd36/og_image-f30d0fb7-2026-10-06T14-59-02-538Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/4bc9d732a009207e1ce6842c613e4706e130b0be2762cc6b242d6175ff1920ad/motion-1791300273482.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/52c1fb156cf33386c023cc16a8b664726e7832fbac006b0172389fc29d7ed8b3/motion-poster-1791300273482.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
- Logo Strip
- Editorial Card
- Pricing Table
- Testimonial Card
- Primary Button
- Footer
- Staggered Portfolio Gallery

## Quality rubric

Overall: 57.2/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: PostGeneric executes a polished, whitespace-driven editorial agency template with a coherent indigo/pastel palette, clear typographic hierarchy, and a reasonably layered motion system (ambient hero graphic, scroll-linked imagery, marquee testimonials, footer parallax). The craft is competent and content is well organized into services, pricing, case studies and testimonials, but nearly every signature move — the gradient 3D blob hero, pill buttons, serif/sans pairing, marquee cards, oversized footer wordmark — is a widely recognizable convention of current design-agency marketing sites rather than something distinctive to this studio, and the repeated portfolio block format limits structural variety across the page.

- Typography (15%): 66 — A confident editorial pairing of Instrument Serif display type against neueMontreal sans body text is applied consistently across hero, section headers, pricing and footer, with letter-spacing tightened appropriately at each size step (e.g. -1px at 80.5px, -14.3px at 326.9px). Hierarchy is clear and sizes are deliberately varied, but the serif/sans split-caption pairing is now a very common agency convention rather than a distinctive voice.
- Color (10%): 61 — A deep indigo (#1F0B53) anchors text and UI across the whole site, paired with a pastel blue-pink gradient hero, lavender surface (#F2F1F8) for cards, and a near-black (#10032E) card for emphasis in pricing. The system is coherent and used with intent (dark card = premium tier), but the palette itself — pastel gradient plus deep purple — is a widely recycled SaaS/agency trend.
- Layout (20%): 62 — The page follows a legible, whitespace-forward structure: hero, logo strip, repeating portfolio case blocks, pricing comparison, testimonial grid, and an oversized-type footer with parallax art. Sections share a consistent rhythm and spacing logic, but the portfolio section is a repeated two-column image/caption block rather than a genuinely varied composition despite being described as 'staggered.'
- Motion (20%): 55 — Multiple motion techniques are present — a slow 3D hero object, a scroll-linked image sequence, scroll-reveals on portfolio items, an infinite testimonial marquee, and a parallax mountain in the footer — showing intent to layer motion throughout the page. However, consecutive capture frames of the hero blob (1.8s vs 2.4s) show almost no visible change, and the testimonial marquee and reveal-on-scroll are standard, low-risk patterns; there is no evidence here of exceptional polish, easing craft, or interaction-triggered motion beyond scroll-driven effects.
- Originality (25%): 46 — The site assembles currently fashionable agency-site conventions — pastel gradient 3D hero blob, serif/sans editorial pairing, pill buttons, marquee testimonials, oversized interlocking footer wordmark with parallax landscape — competently, but none of these moves are hard to substitute with another studio's near-identical template. No singular structural or interactive idea here could not be dropped into a dozen comparable 2024–2025 agency sites.
- Content (10%): 63 — Content is organized clearly into audit/visual-direction/product-design services, two pricing paths with itemized inclusions, attributed client testimonials, and case-study blocks that pair a short description with representative product imagery for each named client project. The structure supports the narrative (taste vs. 'AI slop') reasonably well, though the portfolio captions are thin and interchangeable in format.

Coverage: 100% 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
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A soft airbrushed cloud in blue and pink sits against a purple gradient, pairing a bold sans headline with a slim serif line beneath it for contrast. Dark project thumbnails repeat down the page at a steady rhythm, giving scanning founders quick proof of range before the pricing and testimonial sections close things out.

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