# Pancake — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://pancake.ai/
Captured: 2026-10-20
CSS measured: 2026-10-20T06:31:47.665Z at 1440×1000 — https://pancake.ai/
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

Pancake.ai employs a highly visual, playful, and colorful design language, characterized by a sweeping rainbow gradient graphic that acts as a central motif. The typography pairs a condensed, bold display font (Aeonik) with a clean sans-serif body font (Geist), creating a distinct typographic hierarchy. The layout utilizes soft, rounded corners on containers and cards, set against a predominantly off-white canvas, which allows the vibrant accent colors and dark plum text/surface colors to stand out. Scroll-linked animations, such as the hourglass dot flow and interactive UI demonstrations, add dynamism.

## Classification

- Industry: marketing
- Site type: Landing, Blog
- Business model: Not identified
- Styles: playful, colourful, bold, soft, fluid-graphic, narrative-scroll
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: __aeonikCondensed_07e77a — weight 600; size 69px; line-height normal; tracking -2.1px; Regular (100% role confidence, computed values)
- Heading: __aeonikCondensed_07e77a — weight 600; size 57.3px; line-height 68.8px; tracking -1.7px; Regular (90% role confidence, computed values)
- Body: __geistSans_d08827 — weight 400; size 16px; line-height 24px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #FBF6F1: color-3: computed rgb(251, 246, 241); AI role: #FBF6F1 (off-white) used as the primary background color for the main body. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-5: computed rgb(255, 255, 255); AI role: #FFFFFF used for cards and UI mockups layered on the canvas. (90% role confidence, computed values)
- Text — text #2C002A: color-6: computed rgb(44, 0, 42); AI role: #2C002A (dark plum) used for primary headings and text. (90% role confidence, computed values)
- Primary Action — primary action #2C002A: color-6: computed rgb(44, 0, 42); AI role: #2C002A used for the main 'Start free' buttons. (90% role confidence, computed values)
- Text — text #000000: color-4: computed rgb(0, 0, 0); AI role: #000000 used for some secondary text elements. (80% role confidence, computed values)
- Accent — accent #8D43FD: color-18: computed rgb(141, 67, 253); AI role: #8D43FD (purple) used as an accent color in text (e.g., '01') and graphics. (70% 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": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 64,
    "contexts": [
      {
        "tag": "p",
        "text": "Pancake gives your agent the brain, the data and the tools to run your go-to-market.",
        "top": 586,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "go-to-market",
        "top": 611,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "One prompt in. Leads keep coming.",
        "top": 803,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "57.3px",
    "lineHeight": "68.8px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "How Pancake finds customers",
        "top": 4283,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Take it from them",
        "top": 5838,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Simple, transparent pricing",
        "top": 7297,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "39.8px",
    "lineHeight": "47.8px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Add your website. Pancake builds your GTM brain.",
        "top": 2237,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Say who you want. Pancake builds the Play.",
        "top": 2655,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Pancake gets you the meeting. You close it.",
        "top": 3097,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "49.8px",
    "lineHeight": "59.7px",
    "letterSpacing": "-1.5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Building got 10x easier.",
        "top": 3733,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Selling didn’t.",
        "top": 3763,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "69px",
    "lineHeight": "normal",
    "letterSpacing": "-2.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Deploy GTM ideas that bring you customers",
        "top": 554,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "57.3px",
    "lineHeight": "69px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Pancake fills your pipeline.",
        "top": 1884,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Try Pancake now",
        "top": 5225,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Start free",
        "top": 670,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Start free",
        "top": 710,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "13.3px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "New chat",
        "top": 824,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Suggested Plays",
        "top": 1144,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Just raised a round",
        "top": 1210,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Talk to sales",
        "top": 670,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Talk to sales",
        "top": 710,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Company",
        "top": 2249,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "13.3px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "© 2026 PancakeSan Francisco, CA",
        "top": 8334,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Privacy • Terms",
        "top": 8390,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 8391,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Acme",
        "top": 2273,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Websites for startups",
        "top": 2341,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Funded B2B startups",
        "top": 2409,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "57.3px",
    "lineHeight": "68.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "01",
        "top": 2067,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "02",
        "top": 2509,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "03",
        "top": 2951,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "17px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Founder & CEO @ Quillfern",
        "top": 4022,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Quillfern",
        "top": 4026,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Quillfern raised a seed round this month and is hiring a marketing lead. Tamsin is its founder.",
        "top": 4903,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, __geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "27.6px",
    "lineHeight": "33.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "I’m running all of my GTM in Codex using Pancake.",
        "top": 6201,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "One Pancake Play replaced all our inbound tools.",
        "top": 6973,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "18px",
    "lineHeight": "32px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Start research",
        "top": 2277,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Acme",
        "top": 2244,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "__aeonik_89fe85",
    "fontStack": "__aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "700",
    "size": "17px",
    "lineHeight": "22px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Funded startups hiring a marketing lead",
        "top": 2589,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Startups posting about a rebrand",
        "top": 2589,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Tamsin Okafor",
        "top": 3929,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Just raised",
        "top": 4794,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Find Founder, CEO, Head of Marketing, and 2 more profiles at startups that just raised…",
        "top": 2637,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Find Founder, Head of Brand, and 3 more profiles at companies planning a rebrand…",
        "top": 2637,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "__aeonikCondensedDisplay_2f4e12",
    "fontStack": "__aeonikCondensedDisplay_2f4e12, __aeonikCondensedDisplay_Fallback_2f4e12, __aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "900",
    "size": "143.3px",
    "lineHeight": "172px",
    "letterSpacing": "-4.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "From $99/month",
        "top": 7445,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "__aeonik_89fe85",
    "fontStack": "__aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "28px",
    "lineHeight": "42px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "What’s your next GTM idea?",
        "top": 925,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "32px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "While you run your business,",
        "top": 1844,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "23.3px",
    "lineHeight": "41.4px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "October 2026",
        "top": 2957,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "13.3px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by many",
        "top": 1578,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Why they fit",
        "top": 4673,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "10px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Samantha M ...",
        "top": 3149,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Julien Aubert",
        "top": 3261,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Martin Torres",
        "top": 3127,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Mon",
        "top": 3031,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "19",
        "top": 3031,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Tue",
        "top": 3031,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Industry",
        "top": 4275,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Location",
        "top": 4275,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "United States",
        "top": 4275,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "7px",
    "lineHeight": "13px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Booked",
        "top": 3138,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "→ follow-up",
        "top": 3250,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Booked",
        "top": 3110,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Apify",
        "top": 4724,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Dealroom",
        "top": 4523,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Firecrawl",
        "top": 4834,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "figcaption",
        "text": "Pierre-Alexandre Kamienny, CEO at Kinro",
        "top": 6289,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "to real pipeline",
        "top": 6670,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "reply rate",
        "top": 6670,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "13.3px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Pancake reads funding rounds, open roles and tech stacks from Dealroom, TheirStack, Wappalyzer and m",
        "top": 4526,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pancake opens with their signal: a post, an open role, a funding round. Each sequence has its own la",
        "top": 4720,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Approve or reject a lead and your brain learns who fits. Each Play tracks contacts, replies and wins",
        "top": 4826,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, __geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "57.3px",
    "lineHeight": "40.1px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "7 days",
        "top": 6614,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "10%+",
        "top": 6614,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "15",
        "top": 6986,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "19.2px",
    "lineHeight": "29px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "A personal message for every lead",
        "top": 4662,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pancake learns from what wins",
        "top": 4768,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Run it from Claude or Codex",
        "top": 4874,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "13.3px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Sign in",
        "top": 50,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sign in",
        "top": 83,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "For agents",
        "top": 538,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "500",
    "size": "10.5px",
    "lineHeight": "14px",
    "letterSpacing": "0.4px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Funding",
        "top": 1190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Hiring",
        "top": 1190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Keyword",
        "top": 1190,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "__aeonikCondensed_07e77a",
    "fontStack": "__aeonikCondensed_07e77a, __aeonikCondensed_Fallback_07e77a, __aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "38.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "From",
        "top": 7515,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "/month",
        "top": 7515,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "600",
    "size": "24px",
    "lineHeight": "36px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Start free",
        "top": 7674,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Start free",
        "top": 7733,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "__aeonik_89fe85",
    "fontStack": "__aeonik_89fe85, __aeonik_Fallback_89fe85, system-ui, -apple-system, sans-serif",
    "weight": "700",
    "size": "22px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "13",
        "top": 2689,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "24",
        "top": 2689,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "__geistSans_d08827",
    "fontStack": "__geistSans_d08827, __geistSans_Fallback_d08827, system-ui, -apple-system, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "32px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "example.com",
        "top": 2183,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "acme.com",
        "top": 2183,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFBF6",
    "alpha": 1,
    "cssValue": "rgb(255, 251, 246)",
    "count": 16,
    "contexts": [
      {
        "tag": "div",
        "text": "01Add your website. Pancake builds your GTM brain.From your website, Pancake learns who buys from yo",
        "top": 2019,
        "property": "background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 2035,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "Diana Khramina, CEO at Praxis, tells how she uses Pancake.",
        "top": 5987,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#D9E9FF",
    "alpha": 1,
    "cssValue": "rgb(217, 233, 255)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Samantha M ...Booked",
        "top": 3144,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Building got 10x easier.Selling didn’t.",
        "top": 3473,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FBF6F1",
    "alpha": 1,
    "cssValue": "rgb(251, 246, 241)",
    "count": 4,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to main content{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"@id\":\"https://pa",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "main",
        "text": "{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"@id\":\"https://pancake.ai/#software\",",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 6681,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 64,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1436,
        "property": "svg-fill"
      },
      {
        "tag": "line",
        "text": "",
        "top": 2162,
        "property": "svg-fill"
      },
      {
        "tag": "p",
        "text": "Acme",
        "top": 2244,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 80,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 536,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "New chatWhat’s your next GTM idea?Suggested PlaysFundingJust raised a roundHiringHiring a marketing ",
        "top": 803,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#2C002A",
    "alpha": 1,
    "cssValue": "rgb(44, 0, 42)",
    "count": 208,
    "contexts": [
      {
        "tag": "a",
        "text": "Product",
        "top": 40,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Industries",
        "top": 40,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 55,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFBD7A",
    "alpha": 1,
    "cssValue": "rgb(255, 189, 122)",
    "count": 13,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 2244,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Building got 10x easier.Selling didn’t.",
        "top": 3489,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 4873,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FAFAF8",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 248)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "LeadsLeadPositionCompanyWhy they fitWPWes PomeroyVP MarketingStackhollowHiring a marketing leadTOTam",
        "top": 4455,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#68CEA7",
    "alpha": 1,
    "cssValue": "rgb(104, 206, 167)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Funding",
        "top": 1190,
        "property": "::before-background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 2161,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 4669,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EFE4DC",
    "alpha": 1,
    "cssValue": "rgb(239, 228, 220)",
    "count": 46,
    "contexts": [
      {
        "tag": "line",
        "text": "",
        "top": 2162,
        "property": "svg-stroke"
      },
      {
        "tag": "i",
        "text": "",
        "top": 3086,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#85687C",
    "alpha": 1,
    "cssValue": "rgb(133, 104, 124)",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Funding",
        "top": 1190,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Trusted by many",
        "top": 1578,
        "property": "text"
      },
      {
        "tag": "figcaption",
        "text": "Pierre-Alexandre Kamienny, CEO at Kinro",
        "top": 6289,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#270027",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(44, 0, 42, 0.1)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Sources you can trustPancake reads funding rounds, open roles and tech stacks from Dealroom, TheirSt",
        "top": 4473,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#969696",
    "alpha": 1,
    "cssValue": "rgb(150, 150, 150)",
    "count": 12,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 4676,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4681,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#2C002A",
    "alpha": 0.9019607843137255,
    "cssValue": "color(srgb 0.172549 0 0.164706 / 0.9)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Technology, Information and Internet",
        "top": 4249,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 4475,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4480,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFF7EC",
    "alpha": 1,
    "cssValue": "rgb(255, 247, 236)",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "Start free",
        "top": 50,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Building got 10x easier.",
        "top": 3733,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5518,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#756D74",
    "alpha": 1,
    "cssValue": "rgb(117, 109, 116)",
    "count": 15,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 4285,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4290,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "Industry",
        "top": 4275,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#F38F43",
    "alpha": 1,
    "cssValue": "rgb(243, 143, 67)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Hiring",
        "top": 1190,
        "property": "::before-background"
      },
      {
        "tag": "p",
        "text": "03",
        "top": 2951,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 3028,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#8D43FD",
    "alpha": 1,
    "cssValue": "rgb(141, 67, 253)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "01",
        "top": 2067,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#E33A6A",
    "alpha": 1,
    "cssValue": "rgb(227, 58, 106)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "02",
        "top": 2509,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#9A818F",
    "alpha": 1,
    "cssValue": "rgb(154, 129, 143)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "example.comacme.com",
        "top": 2170,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Founder & CEO @ Quillfern",
        "top": 4022,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#F5F3F2",
    "alpha": 1,
    "cssValue": "rgb(245, 243, 242)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "TO",
        "top": 3915,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#70676F",
    "alpha": 1,
    "cssValue": "rgb(112, 103, 111)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Prefer your own agent?",
        "top": 1328,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Find Founder, CEO, Head of Marketing, and 2 more profiles at startups that just raised…",
        "top": 2637,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#F8E5D4",
    "alpha": 1,
    "cssValue": "rgb(248, 229, 212)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign inSign in",
        "top": 41,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Pancake",
        "top": 1434,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#3F6FAF",
    "alpha": 1,
    "cssValue": "rgb(63, 111, 175)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Find email",
        "top": 4462,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 4474,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 4480,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#F4F8FF",
    "alpha": 1,
    "cssValue": "rgb(244, 248, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Find email",
        "top": 4462,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFE9D1",
    "alpha": 1,
    "cssValue": "rgb(255, 233, 209)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Julien Aubert→ follow-up",
        "top": 3256,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#30002C",
    "alpha": 1,
    "cssValue": "rgb(48, 0, 44)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1074,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Start research",
        "top": 2265,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#EFDDF1",
    "alpha": 1,
    "cssValue": "rgb(239, 221, 241)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Martin Torres& AcmeBooked",
        "top": 3116,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#0A0A0A",
    "alpha": 1,
    "cssValue": "rgb(10, 10, 10)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": 0,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E2E2E2",
    "alpha": 1,
    "cssValue": "rgb(226, 226, 226)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 4164,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#BA8BFF",
    "alpha": 1,
    "cssValue": "rgb(186, 139, 255)",
    "count": 14,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 2155,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2708,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "",
        "top": 4706,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#CEEAD5",
    "alpha": 1,
    "cssValue": "rgb(206, 234, 213)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "LumenCollectiveBooked",
        "top": 3200,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#6A8FFF",
    "alpha": 1,
    "cssValue": "rgb(106, 143, 255)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 534,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Keyword",
        "top": 1190,
        "property": "::before-background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 3147,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#037D48",
    "alpha": 1,
    "cssValue": "rgb(3, 125, 72)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "Booked",
        "top": 3138,
        "property": "background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 3203,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#F3FAEF",
    "alpha": 1,
    "cssValue": "rgb(243, 250, 239)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Active",
        "top": 2551,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#ECE9E7",
    "alpha": 1,
    "cssValue": "rgb(236, 233, 231)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "ActiveFunded startups hiring a marketing leadFind Founder, CEO, Head of Marketing, and 2 more profil",
        "top": 2530,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FF7AA0",
    "alpha": 1,
    "cssValue": "rgb(255, 122, 160)",
    "count": 12,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 2262,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 4441,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#387A61",
    "alpha": 1,
    "cssValue": "rgb(56, 122, 97)",
    "count": 10,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 2557,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2557,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Active",
        "top": 2554,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#DDCFCD",
    "alpha": 1,
    "cssValue": "rgb(221, 207, 205)",
    "count": 5,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 3062,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#ECEAE8",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(237, 234, 232, 0.7)",
    "count": 2,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 2753,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#C9DFD3",
    "alpha": 1,
    "cssValue": "rgb(201, 223, 211)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Active",
        "top": 2551,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#6EBBFF",
    "alpha": 1,
    "cssValue": "rgb(110, 187, 255)",
    "count": 10,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 2328,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#FFDBB5",
    "alpha": 1,
    "cssValue": "rgb(255, 219, 181)",
    "count": 1,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 1434,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#D97757",
    "alpha": 1,
    "cssValue": "rgb(217, 119, 87)",
    "count": 2,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1330,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1330,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#0B0A0A",
    "alpha": 1,
    "cssValue": "rgb(11, 10, 10)",
    "count": 1,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 4697,
        "property": "svg-fill"
      }
    ]
  }
]
```

### 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 between major sections, with tighter, structured padding within cards and UI components.
- Corner style: Highly rounded corners on almost all container elements (cards, buttons, input fields).
- Radius: Large border-radius values visually evident on UI elements and structural cards.
- Borders: Mostly borderless, relying on contrasting background colors (white on off-white) or subtle, light borders (e.g., color-36) to define edges.
- Buttons: Pill-shaped (fully rounded) solid buttons with high contrast.
- Content width: Centered content with a maximum width, surrounded by generous margins on larger screens.
- Density: Low to medium density; the layout breathes with ample whitespace, prioritizing single, clear messages per section.
- Evidence: Visual inspection of the provided desktop crops confirms the use of large rounded corners, centered max-width content, and pill-shaped buttons.

## Sections

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

1. **Hero — Deploy GTM Ideas Hero** (Home)
   AI suggestion (97% confidence): Complete page-opening hero with navigation, distinctive rainbow graphic, clear value proposition, audience toggle, CTAs, product interface preview, and customer logo proof. The next feature section begins below after clear spacing.
   Capture: 1440×1758px; page bounds 0–1758px of 8587px; source section ID: `4d6fa3d7-d76e-4200-be36-a7c2400deac4`; image: https://media.designdetails.io/library/c4a7684f99034119a2e217aa15d808ff5e37fec6803da53a3623c3ed595fc21f/4d6fa3d7-d76e-4200-be36-a7c2400deac4.webp
   SECTION.md v3.2: `4d6fa3d7-d76e-4200-be36-a7c2400deac4` (deterministic evidence; editorial review pending)
2. **Features — One prompt in. Leads keep coming.** (Home)
   Reusable feature composition from Home, organized around “One prompt in. Leads keep coming.”.
   Capture: 1440×793px; page bounds 777–1570px of 8587px; source section ID: `b17df54d-48b3-45cf-9cf8-35f2cab72bbd`; image: https://media.designdetails.io/library/bd5336a089bb5278dcf3a583c9170c5f4276f37d8023f63542c19b063ba03770/section_crop-b17df54d-2026-10-20T06-31-55-668Z.webp
   SECTION.md v3.2: `b17df54d-48b3-45cf-9cf8-35f2cab72bbd` (deterministic evidence; editorial review pending)
3. **Features — Pancake fills your pipeline.** (Home)
   Reusable feature composition from Home, organized around “Pancake fills your pipeline.”.
   Capture: 1440×1773px; page bounds 1700–3473px of 8587px; source section ID: `255194d0-a16e-4b3f-b54b-46364260a847`; image: https://media.designdetails.io/library/3b21ad3cca0093d49652744581f30f31e0df9e583d0e057a5046ea7280dd8ced/section_crop-255194d0-2026-10-20T06-31-56-477Z.webp
   SECTION.md v3.2: `255194d0-a16e-4b3f-b54b-46364260a847` (deterministic evidence; editorial review pending)
4. **Features — Try Pancake now** (Home)
   Reusable feature composition from Home, organized around “Try Pancake now”.
   Capture: 1440×720px; page bounds 5025–5745px of 8587px; source section ID: `7dff1953-b78b-4526-bb45-370ad58e47a0`; image: https://media.designdetails.io/library/5841a0e42298e2bc422739cc50795b55f525b5709292ae25d0a9540257e9d272/section_crop-7dff1953-2026-10-20T06-31-59-274Z.webp
   SECTION.md v3.2: `7dff1953-b78b-4526-bb45-370ad58e47a0` (deterministic evidence; editorial review pending)
5. **Features — Pancake Features** (Home)
   Reusable feature composition from Home, organized around “Pancake Features”.
   Capture: 1440×1448px; page bounds 5745–7193px of 8587px; source section ID: `8cda5660-35cc-4f2c-8e0e-f0eb6f9cb1a6`; image: https://media.designdetails.io/library/07aaf3a01d18d1619a027b3fc10af91d0591a6b9e3f6ea1a6d9286f6cd057be8/section_crop-8cda5660-2026-10-20T06-32-00-159Z.webp
   SECTION.md v3.2: `8cda5660-35cc-4f2c-8e0e-f0eb6f9cb1a6` (deterministic evidence; editorial review pending)
6. **Pricing — Simple, transparent pricing** (Home)
   Pricing composition from Home, organized around “Simple, transparent pricing”.
   Capture: 1440×890px; page bounds 7193–8083px of 8587px; source section ID: `d2a12e15-4f36-46ba-8031-e94683810ef5`; image: https://media.designdetails.io/library/98d3c4adc23ce38666967465ed538b95a18d8c3f89721bebe61e030f2278fea3/section_crop-d2a12e15-2026-10-20T06-32-01-130Z.webp
   SECTION.md v3.2: `d2a12e15-4f36-46ba-8031-e94683810ef5` (deterministic evidence; editorial review pending)
7. **Editorial — Building Got Easier, Selling Didn’t** (Home)
   AI suggestion (94% confidence): Complete standalone illustrated statement banner with a distinctive funnel metaphor and a clear beginning and ending.
   Capture: 1440×671px; page bounds 3481–4152px of 8587px; source section ID: `23aa9149-b11a-4ad2-864a-02fa5eaad80f`; image: https://media.designdetails.io/library/9a619729ffcd5b70ac8bc36903718013699d95873196edf304d1966b4bf1d06d/section-manual-23aa9149-b11a-4ad2-864a-02fa5eaad80f-1792478639038.webp
   SECTION.md v3.2: `23aa9149-b11a-4ad2-864a-02fa5eaad80f` (deterministic evidence; editorial review pending)
8. **Features — How Pancake Finds Customers** (Home)
   AI suggestion (92% confidence): Self-contained product-explainer section pairing a clear heading and capability list with a large data-sourcing workflow visual.
   Capture: 1440×942px; page bounds 4133–5075px of 8587px; source section ID: `2a9e64b1-e572-44d6-a366-717589ab2f60`; image: https://media.designdetails.io/library/db2a12bbecbe132adae294eb6a21760b093a45b8e90a50682e8a8067d59d730c/2a9e64b1-e572-44d6-a366-717589ab2f60.webp
   SECTION.md v3.2: `2a9e64b1-e572-44d6-a366-717589ab2f60` (deterministic evidence; editorial review pending)
9. **Footer — Pancake multi-column link footer** (Home)
   AI suggestion (96% confidence): Complete footer content with brand mark, location and legal details, plus five clearly organized navigation columns on a consistent black background.
   Capture: 1440×488px; page bounds 8099–8587px of 8587px; source section ID: `4453efb0-f3ab-486a-ad56-dc2344eb31c1`; image: https://media.designdetails.io/library/71de63faf134b01e17e6867ba712f09287a256d505a1aee3b74ec5ca3d74014f/4453efb0-f3ab-486a-ad56-dc2344eb31c1.webp
   SECTION.md v3.2: `4453efb0-f3ab-486a-ad56-dc2344eb31c1` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/2044676187eed68687aa097a88d83ea9789144f304742b63ccdf7866e7169dea/desktop_full-1825c463-2026-10-20T06-31-47-688Z.webp
- Mobile screenshot: https://media.designdetails.io/library/40489fe9532d0b014a314ff2278522a9ea87d60a4c2b928b619f8106144035fd/mobile_full-1825c463-2026-10-20T06-32-26-648Z.webp
- Open Graph image: https://media.designdetails.io/library/c685ebacca24746a55d45fd147bab18e5aba19402041fec656fd5ef41567f40e/og_image-1825c463-2026-10-20T06-31-54-104Z.webp
- Full-page video: https://media.designdetails.io/library/da16940705290f9d82c401c39d57c16a98f600d5c9aaafd11bee865654922a50/motion-1792479726961.mp4
- Video poster: https://media.designdetails.io/library/22517f81b2c4e3a2335a080ceb7282e53a659fbfee7b1888d7c6f9ab800cc44a/motion-poster-1792479726961.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
- Input Field
- Feature Card
- Testimonial Card
- Stat Block
- Logo Strip
- Pricing Table
- Primary Button
- Footer
- Interactive UI Mockup
- Numbered Feature Steps

## Quality rubric

Overall: 56.9/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Pancake.ai is a well-built, coherent marketing site with a couple of genuinely thoughtful touches — a funnel/hourglass animation that visualizes its core message and a rainbow graphic that bookends the scroll journey — but these ideas sit inside an otherwise conventional, templated SaaS layout and visual language that is common across current funded-startup sites, keeping the overall execution solidly competent rather than distinctive.

- Typography (15%): 60 — A condensed, bold display face (Aeonik Condensed) is paired with Geist Sans for body copy, producing a legible, consistent size/weight scale from the 69px hero down to 16px paragraphs, with tightened letter-spacing on larger sizes. The pairing is competently executed but is a very common contemporary SaaS typographic formula; the only unusual flourish is the oversized ~143px numeral used for the price, which reads as a single decorative gesture rather than part of a broader typographic system.
- Color (10%): 58 — The base palette is restrained — off-white canvas (#FBF6F1), white surfaces, and dark plum (#2C002A) for text/primary buttons — with a saturated rainbow set (orange, purple, teal, pink, blue) reserved for the signature graphic and small accent uses like the numbered steps. This shows some discipline, but the rainbow-gradient-hero motif is a widely used SaaS convention, and the large number of near-duplicate accent hex values (e.g., multiple similar blues, pinks, pastels for UI mockup chips) suggests the palette sprawls more than it is tightly curated.
- Layout (20%): 56 — The page follows a conventional SaaS marketing structure: hero with chat mockup, logo strip, three numbered feature cards, a funnel/metaphor section, a 'how it works' explainer, testimonial grid, pricing block, and footer. Sections are well-organized with consistent card patterns, generous whitespace, and centered max-width content, but the overall composition breaks no new ground structurally and relies entirely on standard stacked-section patterns common to this genre.
- Motion (20%): 63 — Motion is scroll-linked and threaded through multiple sections rather than confined to the hero: the rainbow graphic sweeps away from the hero and reappears at the footer (a bookending device), the hourglass/funnel dots animate to visualize the 'building vs. selling' message, and a simulated leads-list interaction demonstrates product UI. Animations were observed reversing cleanly on scroll-up, indicating a built scroll-driven system. However, the observation itself notes choppiness and unclear cursor-to-scroll correlation, so smoothness and precision cannot be confirmed, and no interactions beyond scroll (hover/click) were captured.
- Originality (25%): 48 — The strongest original ideas are the rainbow graphic that bookends hero and footer and the hourglass/funnel dot animation that visualizes 'building got easier, selling didn't' — both are purpose-built metaphors rather than decoration. However, the page's overall idiom (condensed-display + sans-body pairing, pastel SaaS palette, numbered feature steps, stat-chip cards, video testimonial grid with startup-badge logos) is now extremely common across funded-startup landing pages, and nothing here meaningfully departs from that template beyond the two metaphor-driven animations.
- Content (10%): 63 — Several sections connect visual form to message directly: the funnel/hourglass dots literally stage the copy about building vs. selling, and the simulated leads-list/profile mockup demonstrates the product's actual function (finding leads, showing 'why they fit') rather than generic illustration. Stat blocks ('7 days to pipeline', '10%+ reply rate', '15 meetings booked') pair concrete, specific metrics with named customer logos, reinforcing credibility with real content rather than placeholder claims.

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

## Curator notes

A cheerful rainbow arcs over a cream page while a stacked chat window shows the actual product prompt, grounding a playful mood in a real tool. Numbered steps, a node diagram, and bold color-block sections pace the long page into easy stages, and bright sky and sunset panels mark the shift from product to proof and pricing.

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