# Zero — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://zero.inc/
Captured: 2026-10-08
CSS measured: 2026-10-08T03:33:21.431Z at 1440×1000 — https://zero.inc/
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

The website employs a modern, clean, and typographic design language with a deep reddish-brown primary brand color. It heavily features detailed, floating Product UI mockups overlaid on soft gradient or blurred backgrounds. The design contrasts this modern SaaS look with a distinct, retro pixel-art landscape illustration transitioning into the footer. Typography uses a bold geometric sans-serif for headings and a clean, legible sans-serif for body and dense UI text.

## Classification

- Industry: technology
- Site type: Landing, Blog
- Business model: AI, Software
- Styles: minimal, bold, soft, retro, product-centric-ui
- Platform: Custom code
- Technology: Next.js, Tailwind CSS, GSAP, Three.js

## Typography

- Display: geomanist — weight 700; size 60px; line-height 58.8px; tracking -2.1px; Regular (95% role confidence, computed values)
- Heading: geomanist — weight 700; size 48px; line-height 50.4px; tracking -1.2px; Regular (95% role confidence, computed values)
- Body: Geist — weight 400; size 18.4px; line-height 27.6px; tracking normal; Regular (90% role confidence, computed values)
- Mono: Geist — weight 400; size 13px; line-height 18.9px; tracking normal; Regular (85% role confidence, computed values)

## Functional palette

- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: #FFFFFF used for floating product cards, navigation, and UI panel backgrounds. (95% role confidence, computed values)
- Text — text #2E0000: color-11: computed rgb(46, 0, 0); AI role: #2E0000 (deep red/brown) used for main headings and strong contrast text. (90% role confidence, computed values)
- Primary Action — primary action #2E0000: color-11: computed rgb(46, 0, 0); AI role: #2E0000 also serves as the background color for solid primary buttons like 'Start for free'. (90% role confidence, computed values)
- Canvas — canvas #ECE9EA: color-2: computed rgb(236, 233, 234); AI role: #ECE9EA used as a soft, warm gray background for upper sections of the page. (85% role confidence, computed values)
- Muted Text — muted text #646464: color-10: computed rgb(100, 100, 100); AI role: #646464 used for secondary information and text within the UI mockups. (85% role confidence, computed values)
- Border — border #F0F0F0: color-9: computed rgb(240, 240, 240); AI role: #F0F0F0 used for subtle borders around inputs and UI panels. (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": "geomanist",
    "fontStack": "geomanist, \"geomanist Fallback\", Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "700",
    "size": "48px",
    "lineHeight": "50.4px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Find the right customers. Have a reason to reach out.",
        "top": 4598,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Walk into the next call knowing what happened on the last one.",
        "top": 5626,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Know how your customers are doing before you ask.",
        "top": 6627,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h3",
        "text": "Dial from the record",
        "top": 10302,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Ask Zero in Slack",
        "top": 10299,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Signals",
        "top": 10854,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "geomanist",
    "fontStack": "geomanist, \"geomanist Fallback\", Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "700",
    "size": "48px",
    "lineHeight": "49px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "And everything else you need to scale your GTM today",
        "top": 9706,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Build on top of Zero",
        "top": 11091,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "geomanist",
    "fontStack": "geomanist, \"geomanist Fallback\", Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "700",
    "size": "60px",
    "lineHeight": "58.8px",
    "letterSpacing": "-2.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Natural selection is coming for your CRM",
        "top": 12139,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "geomanist",
    "fontStack": "geomanist, \"geomanist Fallback\", Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "700",
    "size": "48px",
    "lineHeight": "53.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Zero runs the entire revenue motion",
        "top": 1998,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.9px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trusted by hundreds of AI native startups",
        "top": 1651,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 57,
    "contexts": [
      {
        "tag": "p",
        "text": "Add a follow up",
        "top": 1524,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "So, September 30 with 10 seats. Contract today?",
        "top": 7023,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Yes,",
        "top": 7072,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "20.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "Done. 17 companies match, 7 scoring 82 and up. I selected those. Next I would find the contact close",
        "top": 1053,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Done.",
        "top": 5000,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "17",
        "top": 5000,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Lato",
    "fontStack": "Lato, \"Lato Fallback\", Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Forecast call is Thursday. Anyone have a read on which trials are actually warming up?",
        "top": 9967,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hard to tell from the stages alone. Half of them look the same on paper, but I have a feeling a coup",
        "top": 10025,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Say no more!",
        "top": 10104,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "13.6px",
    "lineHeight": "19px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Call leads and save notes to their record.",
        "top": 10332,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Get answers from your CRM in Slack.",
        "top": 10329,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Spot buying intent and know when to reach out.",
        "top": 10884,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "© 2026 ZeroZeeroo Technologies, Inc.",
        "top": 13486,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Zero",
        "top": 13485,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Zeeroo",
        "top": 13484,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "18.4px",
    "lineHeight": "27.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Zero finds companies that match your ideal customer profile and tracks changes like new hires and fu",
        "top": 4713,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Zero brings the conversation history, people and next steps together on each deal. Your pipeline sta",
        "top": 5741,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Zero brings product usage, billing and conversations together on each customer record. See where act",
        "top": 6742,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "600",
    "size": "16.8px",
    "lineHeight": "22.7px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Find customers who fit. Know when to reach out.",
        "top": 2178,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pick up every deal where the conversation left off.",
        "top": 2415,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Know when customers need help. And when they’re ready for more.",
        "top": 2477,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "15.2px",
    "lineHeight": "24.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Zero ranks accounts by fit and buying signals. See who’s worth a conversation and why now. Reach out",
        "top": 2206,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Zero keeps deals up to date and prepares you for the next meeting. Know what was discussed, who’s in",
        "top": 2442,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bring product usage and customer conversations together. See which accounts need attention and where",
        "top": 2527,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "15.2px",
    "lineHeight": "19px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Why Sumary moved its commercial team from HubSpot to Zero",
        "top": 9177,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "How Watchdog cut its sales cycle in half after leaving CRM behind",
        "top": 9460,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "How Emfas runs 60+ customer relationships without a CRM admin",
        "top": 9460,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "12.5px",
    "lineHeight": "17.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Thinking",
        "top": 1017,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Thought for 7s",
        "top": 1020,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Thinking",
        "top": 4964,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 13152,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Company",
        "top": 13152,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Compare",
        "top": 13152,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "20.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Find AI labs and infrastructure companies that raised in the last 12 months, are hiring GTM, and men",
        "top": 893,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Find AI labs and infrastructure companies that raised in the last 12 months, are hiring GTM, and men",
        "top": 4842,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "450",
    "size": "10.5px",
    "lineHeight": "13.7px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Nov 9, 2026 · 10:00 - 10:30 AM",
        "top": 7523,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "meet.google.com/gkh-hgyt-bbu",
        "top": 7540,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "“Insanely flexible data model and the lead search function is ... ufff 🤯”",
        "top": 8954,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Find, win and grow customers in one place. Zero replaces your CRM and the tools around it.",
        "top": 255,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "16.8px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Make widgets, custom dashboards or automations on your lead data. They run on the same API and MCP s",
        "top": 11156,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "11.5px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Zero <> ElevenLabs expansion",
        "top": 7505,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "36px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 102,
    "contexts": [
      {
        "tag": "span",
        "text": "4500",
        "top": 960,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3 AE roles opened this week",
        "top": 960,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "94",
        "top": 960,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "13.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 86,
    "contexts": [
      {
        "tag": "span",
        "text": "$",
        "top": 5972,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 5959,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 5972,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 42,
    "contexts": [
      {
        "tag": "div",
        "text": "Perplexity",
        "top": 6040,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "$62K$15.5K",
        "top": 6066,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$15.5K",
        "top": 6071,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "36px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 34,
    "contexts": [
      {
        "tag": "span",
        "text": "OpenAI",
        "top": 960,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Anthropic",
        "top": 997,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Perplexity",
        "top": 1034,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, system-ui, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "15.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 31,
    "contexts": [
      {
        "tag": "div",
        "text": "1",
        "top": 11366,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "2",
        "top": 11366,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "3",
        "top": 11366,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "geomanist",
    "fontStack": "geomanist, \"geomanist Fallback\", Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "700",
    "size": "48px",
    "lineHeight": "54.7px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 26,
    "contexts": [
      {
        "tag": "span",
        "text": "The",
        "top": 2231,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "old",
        "top": 2231,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "CRMs",
        "top": 2231,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 26,
    "contexts": [
      {
        "tag": "span",
        "text": "Parsed",
        "top": 1047,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "4",
        "top": 1047,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "filters",
        "top": 1047,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "span",
        "text": "Qualification",
        "top": 5967,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "MCMira Chen",
        "top": 6119,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pulled 4 buying signals from recent job posts",
        "top": 6203,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Lexend Deca",
    "fontStack": "\"Lexend Deca\", \"Avenir Next\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "weight": "400",
    "size": "11.6px",
    "lineHeight": "17.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "div",
        "text": "Amount: $64,000",
        "top": 10490,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Call 4 days ago",
        "top": 10541,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "No activity scheduled",
        "top": 10558,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, system-ui, sans-serif",
    "weight": "400",
    "size": "13.2px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Email",
        "top": 9973,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Phone",
        "top": 10006,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Website",
        "top": 10039,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Search",
        "top": 888,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Filter deals",
        "top": 5940,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "New York, New York, United States",
        "top": 6956,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, system-ui, sans-serif",
    "weight": "500",
    "size": "13.2px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "benjamin@native.no",
        "top": 9973,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "+47 22 83 40 19",
        "top": 10006,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "native.no",
        "top": 10039,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "400",
    "size": "11.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "This monthNovember 2026",
        "top": 7317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "added",
        "top": 7359,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Deal value",
        "top": 7359,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, system-ui, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "16.9px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Meetings this week",
        "top": 11337,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Demos my agent booked",
        "top": 11769,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Closing this month",
        "top": 11337,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Filter3",
        "top": 888,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Properties8",
        "top": 5897,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "8",
        "top": 5902,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Lexend Deca",
    "fontStack": "\"Lexend Deca\", \"Avenir Next\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
    "weight": "700",
    "size": "7.7px",
    "lineHeight": "11.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "MK",
        "top": 10514,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AR",
        "top": 10651,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "JL",
        "top": 10651,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Geist",
    "fontStack": "Geist, \"Geist Fallback\", ui-sans-serif, sans-serif",
    "weight": "500",
    "size": "11.5px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Monthly recurring revenue",
        "top": 6964,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "$6,670",
        "top": 7025,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Scale · 13 seats",
        "top": 7054,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 395,
    "contexts": [
      {
        "tag": "a",
        "text": "Start for free",
        "top": 16,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "NewsZero raises $10.3M Seed led by Primary",
        "top": 108,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "News",
        "top": 114,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#ECE9EA",
    "alpha": 1,
    "cssValue": "rgb(236, 233, 234)",
    "count": 10,
    "contexts": [
      {
        "tag": "body",
        "text": "(function w(a){let b=window.dataLayer||(window.dataLayer=[]),c=function(){b.push(arguments)};window.",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "NewsZero raises $10.3M Seed led by PrimaryMake CRM historyFind, win and grow customers in one place.",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Start for free",
        "top": 332,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#DED7DA",
    "alpha": 1,
    "cssValue": "rgb(222, 215, 218)",
    "count": 4,
    "contexts": [
      {
        "tag": "section",
        "text": "NewsZero raises $10.3M Seed led by PrimaryMake CRM historyFind, win and grow customers in one place.",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 30,
        "property": "background"
      },
      {
        "tag": "canvas",
        "text": "",
        "top": 30,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F9F9F9",
    "alpha": 1,
    "cssValue": "rgb(249, 249, 249)",
    "count": 25,
    "contexts": [
      {
        "tag": "div",
        "text": "SearchFilter3CompanySuggested contactEmployeesWhy nowICP FitOpenAI45003 AE roles opened this week94A",
        "top": 873,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 5935,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "01Prospect02Close03Grow04Scale",
        "top": 810,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "© 2026 ZeroZeeroo Technologies, Inc.",
        "top": 13486,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Zero",
        "top": 13485,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F8F8F8",
    "alpha": 1,
    "cssValue": "rgb(248, 248, 248)",
    "count": 11,
    "contexts": [
      {
        "tag": "article",
        "text": "Benjamin BekkenNativeCo-Founder at NativeEmailbenjamin@native.noPhone+47 22 83 40 19Websitenative.no",
        "top": 9839,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Benjamin BekkenNativeCo-Founder at NativeEmailbenjamin@native.noPhone+47 22 83 40 19Websitenative.no",
        "top": 9839,
        "property": "::after-background"
      },
      {
        "tag": "div",
        "text": "Zapier renewal has no owner yetContract · today",
        "top": 10391,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 134,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 30,
        "property": "svg-fill"
      },
      {
        "tag": "line",
        "text": "",
        "top": 2099,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 7506,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#2E0404",
    "alpha": 1,
    "cssValue": "rgb(46, 4, 4)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "Gold tuft — 6 frames, 13×9 px each Gold tuft — 6 frames, 13×9 px each Sprout (example) — 6 frames, 1",
        "top": 12363,
        "property": "::after-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 12400,
        "property": "background"
      },
      {
        "tag": "footer",
        "text": "Zero sitezero-logo.svgzero-symbol.svgzero-logotype-dark.pngzero-logotype-light.pngzero-symbol-dark.p",
        "top": 12810,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F0F0F0",
    "alpha": 1,
    "cssValue": "rgb(240, 240, 240)",
    "count": 192,
    "contexts": [
      {
        "tag": "div",
        "text": "SearchFilter3CompanySuggested contactEmployeesWhy nowICP FitOpenAI45003 AE roles opened this week94A",
        "top": 879,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Search",
        "top": 888,
        "property": "border"
      },
      {
        "tag": "p",
        "text": "Find AI labs and infrastructure companies that raised in the last 12 months, are hiring GTM, and men",
        "top": 893,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#646464",
    "alpha": 1,
    "cssValue": "rgb(100, 100, 100)",
    "count": 152,
    "contexts": [
      {
        "tag": "span",
        "text": "4500",
        "top": 960,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5902,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5910,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#2E0000",
    "alpha": 1,
    "cssValue": "rgb(46, 0, 0)",
    "count": 167,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 24,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Log in",
        "top": 16,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Start for free",
        "top": 16,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.4196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.42)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 865,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#93B9F8",
    "alpha": 1,
    "cssValue": "rgb(147, 185, 248)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9777,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#202020",
    "alpha": 1,
    "cssValue": "rgb(32, 32, 32)",
    "count": 136,
    "contexts": [
      {
        "tag": "span",
        "text": "Filter3",
        "top": 888,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 895,
        "property": "svg-stroke"
      },
      {
        "tag": "button",
        "text": "Properties8",
        "top": 5897,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.08)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "~/dashboard",
        "top": 11315,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Zero sitezero-logo.svgzero-symbol.svgzero-logotype-dark.pngzero-logotype-light.pngzero-symbol-dark.p",
        "top": 13102,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#F5F8FA",
    "alpha": 1,
    "cssValue": "rgb(245, 248, 250)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Qualified2Instacart - New DealAmount: $64,000MKCall 4 days agoNo activity scheduledFigma - Expansion",
        "top": 10410,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#C9B8A0",
    "alpha": 1,
    "cssValue": "rgb(201, 184, 160)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8792,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#886863",
    "alpha": 1,
    "cssValue": "oklab(0.547929 0.0369069 0.0195658)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Zero finds companies that match your ideal customer profile and tracks changes like new hires and fu",
        "top": 4713,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#633B36",
    "alpha": 1,
    "cssValue": "oklab(0.398869 0.0503294 0.0273888)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Zero ranks accounts by fit and buying signals. See who’s worth a conversation and why now. Reach out",
        "top": 2206,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#838383",
    "alpha": 1,
    "cssValue": "rgb(131, 131, 131)",
    "count": 212,
    "contexts": [
      {
        "tag": "span",
        "text": "Search",
        "top": 888,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 897,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 5941,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#FFB59E",
    "alpha": 1,
    "cssValue": "rgb(255, 181, 158)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10329,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#D9D9D9",
    "alpha": 1,
    "cssValue": "rgb(217, 217, 217)",
    "count": 30,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 6176,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 9264,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#1D1C1D",
    "alpha": 1,
    "cssValue": "rgb(29, 28, 29)",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "Today",
        "top": 9903,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9914,
        "property": "svg-stroke"
      },
      {
        "tag": "header",
        "text": "Santtu 11:05 AM",
        "top": 9945,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#F4552E",
    "alpha": 1,
    "cssValue": "rgb(244, 85, 46)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Quota31 days left82%of €1.2M",
        "top": 11315,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#0F9D6B",
    "alpha": 1,
    "cssValue": "rgb(15, 157, 107)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 7043,
        "property": "background"
      },
      {
        "tag": "polyline",
        "text": "",
        "top": 7073,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#380505",
    "alpha": 1,
    "cssValue": "rgb(56, 5, 5)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "stone-age",
        "top": 2225,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#F4F4F4",
    "alpha": 1,
    "cssValue": "rgb(244, 244, 244)",
    "count": 274,
    "contexts": [
      {
        "tag": "div",
        "text": "CompanySuggested contactEmployeesWhy nowICP Fit",
        "top": 922,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 923,
        "property": "border"
      },
      {
        "tag": "img",
        "text": "",
        "top": 970,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#6B6B6B",
    "alpha": 1,
    "cssValue": "rgb(107, 107, 107)",
    "count": 44,
    "contexts": [
      {
        "tag": "span",
        "text": "Meetings this week",
        "top": 11337,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "1",
        "top": 11366,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#12141A",
    "alpha": 0.8784313725490196,
    "cssValue": "rgba(18, 20, 26, 0.88)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Find AI labs and infrastructure companies that raised in the last 12 months, are hiring GTM, and men",
        "top": 893,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Find contact closest to Head of Sales",
        "top": 1131,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#33475B",
    "alpha": 1,
    "cssValue": "rgb(51, 71, 91)",
    "count": 34,
    "contexts": [
      {
        "tag": "span",
        "text": "Qualified",
        "top": 10422,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Amount: $64,000",
        "top": 10490,
        "property": "text"
      },
      {
        "tag": "b",
        "text": "Amount:",
        "top": 10490,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#ECE7DE",
    "alpha": 1,
    "cssValue": "rgb(236, 231, 222)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9264,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#D4CED1",
    "alpha": 1,
    "cssValue": "rgb(212, 206, 209)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 9264,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#999999",
    "alpha": 1,
    "cssValue": "rgb(153, 153, 153)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Call endedNotes saved to the deal",
        "top": 6794,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 7046,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Oct 22",
        "top": 10666,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "112",
        "top": 11360,
        "property": "text"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 11430,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 11430,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#380404",
    "alpha": 0.47843137254901963,
    "cssValue": "rgba(56, 5, 5, 0.48)",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "The",
        "top": 2231,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#F5F5F5",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(245, 245, 245, 0.7)",
    "count": 29,
    "contexts": [
      {
        "tag": "a",
        "text": "Prospect",
        "top": 13198,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 13246,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Cookie settings",
        "top": 13398,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#141414",
    "alpha": 1,
    "cssValue": "rgb(20, 20, 20)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Demos my agent booked132since it got the calendar",
        "top": 11747,
        "property": "background"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 11848,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#F2F0E8",
    "alpha": 0.4,
    "cssValue": "rgba(242, 239, 232, 0.4)",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 13152,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 13165,
        "property": "svg-fill"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 13166,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#EBEBEB",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(242, 239, 232, 0.05)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Product",
        "top": 13152,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#380404",
    "alpha": 0.6784313725490196,
    "cssValue": "rgba(56, 5, 5, 0.68)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Find, win and grow customers in one place. Zero replaces your CRM and the tools around it.",
        "top": 255,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#380505",
    "alpha": 0.6588235294117647,
    "cssValue": "rgba(56, 5, 5, 0.66)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Make widgets, custom dashboards or automations on your lead data. They run on the same API and MCP s",
        "top": 11156,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "September",
        "top": 11185,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#626262",
    "alpha": 1,
    "cssValue": "rgb(98, 98, 98)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Call leads and save notes to their record.",
        "top": 10332,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#2F0000",
    "alpha": 0.6196078431372549,
    "cssValue": "oklab(0.189133 0.0677301 0.0379068 / 0.62)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2139,
        "property": "::before-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 2139,
        "property": "::after-background"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 2369,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#E6F4FE",
    "alpha": 1,
    "cssValue": "rgb(230, 244, 254)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "3",
        "top": 893,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Pulled 4 buying signals from recent job posts",
        "top": 6199,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#FAF9F8",
    "alpha": 1,
    "cssValue": "rgb(250, 249, 248)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Find AI labs and infrastructure companies that raised in the last 12 months, are hiring GTM, and men",
        "top": 4842,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#3C3C3C",
    "alpha": 1,
    "cssValue": "rgb(60, 60, 60)",
    "count": 55,
    "contexts": [
      {
        "tag": "p",
        "text": "So, September 30 with 10 seats. Contract today?",
        "top": 7023,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Yes,",
        "top": 7072,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#12151A",
    "alpha": 0.7803921568627451,
    "cssValue": "rgba(18, 20, 26, 0.78)",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "Done. 17 companies match, 7 scoring 82 and up. I selected those. Next I would find the contact close",
        "top": 1053,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Done.",
        "top": 5000,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#FFFFFF",
    "alpha": 0.2784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.28)",
    "count": 1,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 11408,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical rhythm between major marketing sections (likely 120px+). Internal spacing within UI mockups is tight and structured to mimic complex software.
- Corner style: Consistent rounded corners. Sharp corners are avoided. UI elements have moderate rounding, while buttons and chips are fully pill-shaped.
- Radius: Primary buttons use full border-radius (pill shape). Product UI panels use approximately 12px-16px border-radius.
- Borders: Mostly borderless design for marketing components, relying on shadows. Subtle, 1px solid borders (light gray) are used within the UI mockups to separate data rows and panes.
- Buttons: Primary actions are solid dark reddish-brown (#2E0000) with white text, pill-shaped. Secondary actions are often pill-shaped outlines or ghost buttons with light hover states.
- Content width: Main container appears wide but constrained, likely around 1200px max-width, allowing UI mockups to break out or stretch across the viewport slightly.
- Density: The overall marketing page has a relaxed density with large typographic blocks. Conversely, the embedded product mockups exhibit high information density, typical of a B2B SaaS tool.
- Evidence: Observations derived from button shapes in the nav, heading spacing, and the layout of the UI cards presented.

## Sections

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

1. **Features — Trusted by hundreds of AI native startups** (Home)
   Reusable feature composition from Home, organized around “Trusted by hundreds of AI native startups”.
   Capture: 1440×3552px; page bounds 900–4452px of 13530px; source section ID: `6ef8f6dc-b848-4a20-9db4-e42b8b67ad5c`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6b86b6b80cba4896af20db81f927ce34c3ec49dcb00d7b8bd41e0a61b18ca106/section_crop-6ef8f6dc-2026-10-08T03-33-33-713Z.webp
   SECTION.md v3.2: `6ef8f6dc-b848-4a20-9db4-e42b8b67ad5c` (deterministic evidence; editorial review pending)
2. **Features — And everything else you need to scale your GTM today** (Home)
   Reusable feature composition from Home, organized around “And everything else you need to scale your GTM today”.
   Capture: 1440×1384px; page bounds 9626–11010px of 13530px; source section ID: `9fdd5b91-50df-4e5a-964a-a9267717343d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/cb862da581c84411e37d5b618a2fb33015887a3db6902f28f035b2c6aa69dc8d/section_crop-9fdd5b91-2026-10-08T03-33-36-056Z.webp
   SECTION.md v3.2: `9fdd5b91-50df-4e5a-964a-a9267717343d` (deterministic evidence; editorial review pending)
3. **Features — Natural selection is coming for your CRM** (Home)
   Reusable feature composition from Home, organized around “Natural selection is coming for your CRM”.
   Capture: 1440×224px; page bounds 12139–12363px of 13530px; source section ID: `ee3a77cf-957d-44b4-963e-7254b535dd38`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/0f494e17c4a0114238c5eb59baacb6b1c646286f54f5947b63058b8374525b5f/section_crop-ee3a77cf-2026-10-08T03-33-38-086Z.webp
   SECTION.md v3.2: `ee3a77cf-957d-44b4-963e-7254b535dd38` (deterministic evidence; editorial review pending)
4. **Hero — Make CRM History Hero** (Home)
   AI suggestion (98% confidence): Complete opening hero with navigation, announcement pill, headline, CTA, distinctive product visualization, CRM interface preview, and customer-logo trust row.
   Capture: 1440×1872px; page bounds 9–1881px of 13530px; source section ID: `7a35d17d-72d7-403b-9248-fbdbf437bb17`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/42f2124d6c478900ae24c23611114b322a8c338ccba5b076d7e7a7d20846c9c3/7a35d17d-72d7-403b-9248-fbdbf437bb17.webp
   SECTION.md v3.2: `7a35d17d-72d7-403b-9248-fbdbf437bb17` (deterministic evidence; editorial review pending)
5. **Editorial — Stone-Age CRM Manifesto** (Home)
   AI suggestion (88% confidence): Self-contained editorial statement section with a memorable primitive-tool illustration and bold centered copy contrasting old CRM workflows.
   Capture: 1440×897px; page bounds 1896–2793px of 13530px; source section ID: `4f7a8f89-7bf2-4aa6-a9a7-c6d6ce574452`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/7be4005362d6a51b8982790ae59dbf1a6166c9e409b6dfdb0f161fc73549e425/4f7a8f89-7bf2-4aa6-a9a7-c6d6ce574452.webp
   SECTION.md v3.2: `4f7a8f89-7bf2-4aa6-a9a7-c6d6ce574452` (deterministic evidence; editorial review pending)
6. **Process — Revenue Motion Workflow** (Home)
   AI suggestion (84% confidence): Complete bounded process component showing Prospect, Close, Grow, and Scale as an accordion paired with a distinctive circular lifecycle visualization; useful as a reference for interactive workflow storytelling.
   Capture: 1440×1776px; page bounds 2798–4574px of 13530px; source section ID: `95057fc2-b2aa-4f2f-9c8e-cc6d513a7a38`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2debcc89199b2ba54cf3b042e186a9d17e1b095276a6c5afe592422fb6c7f6d7/95057fc2-b2aa-4f2f-9c8e-cc6d513a7a38.webp
   SECTION.md v3.2: `95057fc2-b2aa-4f2f-9c8e-cc6d513a7a38` (deterministic evidence; editorial review pending)
7. **Features — Explore Close — Conversation-Aware Deal Pipeline** (Home)
   AI suggestion (96% confidence): Complete product feature section with an eyebrow label, strong benefit headline, supporting copy, and a substantial CRM/call-history interface mockup. It has clear boundaries before the next repeated feature begins and is the strongest representative of this recurring layout.
   Capture: 1440×948px; page bounds 5569–6517px of 13530px; source section ID: `9f4aa106-51b3-4bd5-810d-b809a1ee9bc3`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/cd0525e2de42c9af3c9a61b8f05e887bcca3b3b1ab385c9b755268f2e29ec729/9f4aa106-51b3-4bd5-810d-b809a1ee9bc3.webp
   SECTION.md v3.2: `9f4aa106-51b3-4bd5-810d-b809a1ee9bc3` (deterministic evidence; editorial review pending)
8. **Testimonials — Customer stories showcase** (Home)
   AI suggestion (97% confidence): Complete customer-proof section with its heading, featured video story and quote, plus a full row of three supporting case-study cards.
   Capture: 1440×906px; page bounds 8682–9588px of 13530px; source section ID: `158e026b-55ae-47e3-85a5-4e685f6a0cb0`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f649218f93a365ef50ac5d727adaca7a733b8ee313cd119a1a3c3cb1ce0c8997/158e026b-55ae-47e3-85a5-4e685f6a0cb0.webp
   SECTION.md v3.2: `158e026b-55ae-47e3-85a5-4e685f6a0cb0` (deterministic evidence; editorial review pending)
9. **Feature Card — Build on top of Zero** (Home)
   AI suggestion (97% confidence): Complete developer-platform feature with heading, explanatory copy, documentation CTA, and a distinctive central code/dashboard visual surrounded by example widgets.
   Capture: 1440×945px; page bounds 11063–12008px of 13530px; source section ID: `e58016fe-c003-452d-a641-3b20b544dd4a`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/7e4c85ac9ae08226bd8a1515e12e4471dbb4c79111ca43285620de139d475c0c/e58016fe-c003-452d-a641-3b20b544dd4a.webp
   SECTION.md v3.2: `e58016fe-c003-452d-a641-3b20b544dd4a` (deterministic evidence; editorial review pending)
10. **CTA — Natural selection CRM CTA** (Home)
   AI suggestion (95% confidence): Self-contained conversion prompt pairing a bold headline and start-free button with a memorable full-width pixel-art landscape; it ends before the footer navigation begins.
   Capture: 1440×819px; page bounds 12104–12923px of 13530px; source section ID: `4a62aca4-2ce4-4f68-88b8-e571a2aa65c9`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2a3451ef5074ccf2415caf7b87918305cb73cd6253d05b95488c16ea265d701d/4a62aca4-2ce4-4f68-88b8-e571a2aa65c9.webp
   SECTION.md v3.2: `4a62aca4-2ce4-4f68-88b8-e571a2aa65c9` (deterministic evidence; editorial review pending)
11. **Footer — Four-column product and company link footer** (Home)
   AI suggestion (98% confidence): Complete, substantial footer with a bordered four-column navigation system covering Product, Company, Compare, and Legal links, followed by a centered copyright line and a clearly finished rounded bottom edge.
   Capture: 1440×530px; page bounds 13000–13530px of 13530px; source section ID: `55f9ecd6-438b-4c3c-b2a9-9bbacfdb29cc`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2d8c7653159ee6d2bd03ae5735c875f82ac569037e406d21948f16da0bc8174f/55f9ecd6-438b-4c3c-b2a9-9bbacfdb29cc.webp
   SECTION.md v3.2: `55f9ecd6-438b-4c3c-b2a9-9bbacfdb29cc` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/78369f172f0b8be3ad70571941565e34ca31d4a59dfb7b72eccc7866b62468ff/desktop_full-09409ab9-2026-10-08T03-33-21-459Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/dff76ff09423beb17c69604ecbd2ecab72e0ea428652e9ca4896349887a125fd/mobile_full-09409ab9-2026-10-08T03-34-00-748Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/98061c8593b5c075b0923ac250e91d0b5d8fffe37d9bcc4db9ec2214c6406c0c/og_image-09409ab9-2026-10-08T03-33-31-090Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c3418aa44c95340028add27c3d55dee51aecdb97a74e1e463dab776f73106c83/motion-1791431613197.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/c42aabb00f55fe808dd1e895e9921d2bfc6faacb86dc6b5b9711b41e511a26c3/motion-poster-1791431613197.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
- Product UI
- Editorial Card
- Footer
- Pixel Art Scene Transition
- Floating UI Layer

## Quality rubric

Overall: 62.63/100 (Good)
Evidence coverage: 80%
Judge tier: Good
Verdict: Zero.inc executes a clean, competently differentiated SaaS marketing site: a genuinely unusual reddish-brown brand color and a clever evolutionary narrative that pays off in a hand-crafted pixel-art footer scene elevate it above a purely generic template. But the underlying page structure, typographic pairing, and UI-mockup styling are conventional for the current AI-SaaS genre, and motion cannot be substantiated from the evidence provided, so the site reads as a well-made example of its category rather than a landmark or wow-tier design.

- Typography (15%): 62 — A deliberate two-tier system pairs a bold geometric display face (Geomanist, 700, 60px/48px, tight -1.2 to -2.1px tracking) with Geist for body and dense UI copy, giving clear hierarchy across headlines, subheads and the many embedded product-UI labels. Execution is consistent and legible, but the pairing itself (bold geometric sans + neutral grotesque) is a common SaaS convention rather than a distinctive typographic voice, and most body copy sits at fairly generic weights/sizes (13-18px Geist) without much textural variation.
- Color (10%): 67 — The deep reddish-brown (#2E0000) used for headings, primary text and CTA buttons against warm off-white/grey canvases (#ECE9EA, #F9F9F9) is a genuine departure from the blue/purple default of B2B SaaS, and it is applied with discipline across nav, hero, buttons and footer. Yellow pixel-dot accents and a muted UI-mockup palette (muted blues/greens/greys) add secondary interest without breaking the dominant warm-neutral mood. Within the mockups themselves, however, color is inconsistent (status chips in multiple competing hues, oklab-based muted browns) which slightly dilutes the overall restraint.
- Layout (20%): 60 — The page follows a conventional SaaS marketing scaffold—sticky nav, hero, logo wall, alternating text/mockup feature blocks, customer-story cards, footer link grid—executed with generous vertical rhythm and consistent card/button rounding. The contrast between relaxed marketing whitespace and deliberately dense, realistic product-UI panels is a reasonably effective layout device that reinforces the product-centric narrative. But the structure itself offers no unconventional grid, asymmetry, or spatial surprise beyond the expected floating-mockup pattern seen across many competitor sites.
- Motion (20%): Inconclusive — The evidence explicitly notes automated scrolling was the primary captured motion, and the report itself marks motion state as inconclusive with no measured easing, continuous smoothness, or interaction-driven motion confirmed. Frame pairs show different chart/sphere/chat content across temporal pairs, which is consistent with either live data animation or simply scroll-triggered content swaps, but this cannot be verified as deliberate choreography from the evidence provided.
- Originality (25%): 62 — The site layers a clear conceptual thread—'stone-age tools,' 'natural selection,' evolution—culminating in a hand-crafted 8-bit pixel-art landscape (mammoth, campfire, glowing orb) that breaks from the otherwise generic modern-SaaS mockup aesthetic. This conceptual payoff is a genuinely hard-to-substitute idea and the strongest originality signal on the site. However, everything else—the hero/logo-wall/feature-block/customer-story/footer sequence, the floating glassy UI cards with soft shadows, the pill buttons—closely mirrors the current wave of AI-SaaS marketing sites, so originality rests almost entirely on this one motif rather than a system-wide inventive approach.
- Content (10%): 66 — Product screenshots are specific and legible (deal pipelines, activity charts, Slack/dialer integrations) and are paired with copy that describes the exact feature shown, giving a strong sense that the marketing content reflects real product capability rather than generic stock UI. The thematic copy ('stone-age tools,' 'natural selection') is consistently reinforced by the illustration choices, showing intentional content-visual alignment across the page.

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

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

## Verification checklist

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

## Curator notes

A glowing grey sphere and soft dot patterns on a warm beige background give an otherwise data-heavy CRM a calm, almost organic mood, while bold dark headlines in heavy type anchor each section. Real product tables with score bars and status tags are dropped straight into the page, letting visitors scan actual features instead of guessing what the tool does.

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