# Nooks: Funding, Investors & Jobs — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.nooks.ai/
Captured: 2026-11-05
CSS measured: 2026-11-05T15:53:17.143Z at 1440×1000 — https://www.nooks.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: claude-sonnet-5

## Design direction

Nooks AI uses a modern, clean, and slightly playful corporate aesthetic. The design relies heavily on ample whitespace, soft rounded corners on cards and buttons, and a stark contrast between pure white, deep black, and a vibrant magenta accent color. Typography is driven by the geometric sans-serif Aeonik, using standard weights with tight letter spacing for headings and adding a monospace variant for technical or numeric details. The layout uses bento-box style grids for features and testimonials, with subtle glassmorphism in the floating navigation and select cards.

## Classification

- Industry: crm
- Site type: Landing, Blog
- Business model: Software
- Styles: corporate, minimal, geometric, soft, bento-box, glassmorphic-touches
- Platform: Webflow
- Technology: GSAP

## Typography

- Display: Aeonikpro — weight 400; size 60px; line-height 60px; tracking -0.6px; Regular (90% role confidence, computed values)
- Heading: Aeonikpro — weight 400; size 48px; line-height 48px; tracking -0.6px; Regular (90% role confidence, computed values)
- Body: Aeonikpro — weight 400; size 16px; line-height 19.2px; tracking normal; Regular (85% role confidence, computed values)
- Mono: Aeonikmonopro — weight 400; size 14px; line-height 14px; tracking normal; uppercase (95% role confidence, computed values)

## Functional palette

- Primary Action — primary action #FB64FA: color-5: computed rgb(251, 100, 250); AI role: Magenta (#FB64FA) used for primary 'Book a demo' buttons. (100% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used as the primary background for the main document body and several sections. (95% role confidence, computed values)
- Text — text #0F0F0F: color-2: computed rgb(15, 15, 15); AI role: Near black (#0F0F0F) used for primary typography on light backgrounds. (95% role confidence, computed values)
- Surface — surface #EEF1F5: color-3: computed rgb(238, 241, 245); AI role: Light grey (#EEF1F5) used as the background color for feature and testimonial cards. (90% role confidence, computed values)
- Muted Text — muted text #5C6B7F: color-8: computed rgb(92, 107, 127); AI role: Slate grey (#5C6B7F) used for secondary list items and smaller text details. (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": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 22,
    "contexts": [
      {
        "tag": "div",
        "text": "Run",
        "top": 1693,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "agents",
        "top": 1693,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "across",
        "top": 1693,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "24.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Turn interest into action.",
        "top": 2085,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Accelerate pipeline growth.",
        "top": 2119,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Keep every deal moving.",
        "top": 2111,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "27px",
    "lineHeight": "27px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "The companies redefining software are",
        "top": 1055,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "redefining revenue with Nooks",
        "top": 1082,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Nooks",
        "top": 1080,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "60px",
    "lineHeight": "60px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Revenue infrastructure for reps and agents",
        "top": 690,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "11px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 53,
    "contexts": [
      {
        "tag": "li",
        "text": "AI ENRICHMENT",
        "top": 2203,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "DATA & SIGNALS",
        "top": 2223,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "EXECUTION INFRASTRUCTURE",
        "top": 2243,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "p",
        "text": "Put revenue agents to work across every motion. Every lead worked, every deal moved, every account c",
        "top": 828,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Inbound",
        "top": 1909,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Outbound",
        "top": 1909,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "20%",
        "top": 2326,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "%",
        "top": 2323,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "3x",
        "top": 2309,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "23.6px",
    "lineHeight": "24.6px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Book sizes",
        "top": 3448,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Average ACV increase",
        "top": 3582,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Low-performer attainment",
        "top": 3716,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "The Revenue agent platform",
        "top": 1693,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Outcomes speak loudest",
        "top": 2803,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Technology that makes it easy to exceed quota",
        "top": 4926,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "45.6px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Nooks Research is the research engine that’s engineering AI to understand complex human emotions.",
        "top": 4174,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Nooks Research",
        "top": 4170,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "13.1px",
    "lineHeight": "15.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Manage emailing, dialing, and social touches from one intelligent platform.",
        "top": 3734,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 179,
    "contexts": [
      {
        "tag": "span",
        "text": "4.8 /",
        "top": 640,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1,700+",
        "top": 636,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "0",
        "top": 616,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "19.5px",
    "lineHeight": "23.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "\"The proof is in the pudding of being able to see … a 31% increase",
        "top": 3400,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "in meetings, which is huge. I could consolidate three different",
        "top": 3424,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "vendors that I'm using right now and just use Nooks.\"",
        "top": 3447,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "31.5px",
    "lineHeight": "32.8px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "+",
        "top": 3402,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "50%",
        "top": 3402,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "+",
        "top": 3536,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "18.4px",
    "lineHeight": "20.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "2x",
        "top": 3678,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "more",
        "top": 3678,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "email",
        "top": 3678,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "47.9px",
    "lineHeight": "47.9px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "25%",
        "top": 3037,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "50%",
        "top": 3037,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "33%",
        "top": 3037,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "23.6px",
    "lineHeight": "24.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "%",
        "top": 3408,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "%",
        "top": 3542,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "30%",
        "top": 3674,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "15.7px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Platform",
        "top": 40,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Resources",
        "top": 19,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Research",
        "top": 19,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "10.5px",
    "lineHeight": "10.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "01",
        "top": 1903,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "02",
        "top": 1903,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "03",
        "top": 1903,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "10.5px",
    "lineHeight": "10.9px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "up",
        "top": 3417,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "up",
        "top": 3552,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "‍",
        "top": 3820,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "50.4px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "+31%",
        "top": 3406,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "100%",
        "top": 3406,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "30%",
        "top": 3406,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Nooks secures $500M and introduces Node",
        "top": 870,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Nooks secures $500M and introduces Node",
        "top": 870,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "12px",
    "lineHeight": "10.8px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Sign in",
        "top": 43,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 43,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "500",
    "size": "114.2px",
    "lineHeight": "114.2px",
    "letterSpacing": "-5.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "nooks",
        "top": 5910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "15.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Discover Nooks Research",
        "top": 4286,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "What results can Nooks drive?",
        "top": 938,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "13.5px",
    "lineHeight": "13.5px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Book a demo",
        "top": 5020,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Aeonikmonopro",
    "fontStack": "Aeonikmonopro, SFMono-Regular, Consolas, monospace",
    "weight": "400",
    "size": "11.3px",
    "lineHeight": "11.3px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "News",
        "top": 871,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Aeonikpro",
    "fontStack": "Aeonikpro, Arial, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "←",
        "top": 2225,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "→",
        "top": 2225,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 305,
    "contexts": [
      {
        "tag": "body",
        "text": "PlatformResources ResearchCareersPricingSign inBook a demoGuideGuide: Closing the Deal Execution Gap",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "main",
        "text": "PlatformResources ResearchCareersPricingSign inBook a demoGuideGuide: Closing the Deal Execution Gap",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 31,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0F0F0F",
    "alpha": 1,
    "cssValue": "rgb(15, 15, 15)",
    "count": 94,
    "contexts": [
      {
        "tag": "span",
        "text": "Platform",
        "top": 40,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Resources",
        "top": 19,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Research",
        "top": 19,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#EEF1F5",
    "alpha": 1,
    "cssValue": "rgb(238, 241, 245)",
    "count": 28,
    "contexts": [
      {
        "tag": "section",
        "text": "/The Revenue agent platformRun agents across the entire revenue lifecycle01Inbound02Outbound03Deal M",
        "top": 1573,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "←",
        "top": 2225,
        "property": "border"
      },
      {
        "tag": "article",
        "text": "Customers rate Nooks the leader in AI-powered selling",
        "top": 3026,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#E3E7ED",
    "alpha": 1,
    "cssValue": "rgb(227, 231, 237)",
    "count": 5,
    "contexts": [
      {
        "tag": "article",
        "text": "Turn interest into action.Identify buying signals, prioritize the right accounts, and engage prospec",
        "top": 1989,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FB64FA",
    "alpha": 1,
    "cssValue": "rgb(251, 100, 250)",
    "count": 41,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 36,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Sign in",
        "top": 31,
        "property": "::before-background"
      },
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 31,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FFFFFF",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(255, 255, 255, 0.05)",
    "count": 3,
    "contexts": [
      {
        "tag": "article",
        "text": "ExecutionPurpose-built execution infrastructure helps calls connect, emails land, and revenue work g",
        "top": 5261,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "+ up 50%Book sizes",
        "top": 3372,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#5C6B7F",
    "alpha": 1,
    "cssValue": "rgb(92, 107, 127)",
    "count": 33,
    "contexts": [
      {
        "tag": "li",
        "text": "AI ENRICHMENT",
        "top": 2203,
        "property": "text"
      },
      {
        "tag": "li",
        "text": "AI ENRICHMENT",
        "top": 2203,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "+31%",
        "top": 3406,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#F2F2F2",
    "alpha": 1,
    "cssValue": "rgb(242, 242, 242)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "PlatformResources ResearchCareersPricingSign inBook a demoGuideGuide: Closing the Deal Execution Gap",
        "top": 19,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#EEF2F5",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(238, 241, 245, 0.3)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "dialer",
        "top": 5426,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(255, 255, 255, 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "NewsNooks secures $500M and introduces NodeNooks secures $500M and introduces Node",
        "top": 850,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#B8C0CC",
    "alpha": 1,
    "cssValue": "rgb(184, 192, 204)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Put revenue agents to work across every motion. Every lead worked, every deal moved, every account c",
        "top": 828,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#557180",
    "alpha": 0.07058823529411765,
    "cssValue": "rgba(92, 107, 127, 0.07)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Head of Sales Development (Americas)",
        "top": 3493,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#0D0D0D",
    "alpha": 1,
    "cssValue": "rgb(13, 13, 13)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "What results can Nooks drive?",
        "top": 920,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "Revenue agents that actually work.",
        "top": 6056,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Terms of Service",
        "top": 6474,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "© Nooks AI 2026",
        "top": 6503,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#A1F7C7",
    "alpha": 1,
    "cssValue": "rgb(161, 247, 199)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Faster speed to lead",
        "top": 2383,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#101010",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(15, 15, 15, 0.12)",
    "count": 40,
    "contexts": [
      {
        "tag": "button",
        "text": "02Outbound",
        "top": 1897,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Head of Sales Development (Americas)",
        "top": 3493,
        "property": "border"
      },
      {
        "tag": "article",
        "text": "2x more email replies with Nooks AI SequencingManage emailing, dialing, and social touches from one ",
        "top": 3656,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FA47F9",
    "alpha": 1,
    "cssValue": "rgb(250, 71, 249)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 919,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(255, 255, 255, 0.15)",
    "count": 12,
    "contexts": [
      {
        "tag": "article",
        "text": "ExecutionPurpose-built execution infrastructure helps calls connect, emails land, and revenue work g",
        "top": 5261,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#FFFFFF",
    "alpha": 0.1607843137254902,
    "cssValue": "rgba(255, 255, 255, 0.16)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "NewsNooks secures $500M and introduces NodeNooks secures $500M and introduces Node",
        "top": 850,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "News",
        "top": 859,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#F5F5F7",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 247)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "What results can Nooks drive?",
        "top": 938,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "rgba(255, 255, 255, 0.25)",
    "count": 16,
    "contexts": [
      {
        "tag": "figure",
        "text": "",
        "top": 4445,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#A7AFB7",
    "alpha": 0.12549019607843137,
    "cssValue": "rgba(168, 176, 187, 0.125)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 31,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#141414",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(15, 15, 15, 0.1)",
    "count": 3,
    "contexts": [
      {
        "tag": "hr",
        "text": "",
        "top": 3536,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#C4CCD7",
    "alpha": 1,
    "cssValue": "rgb(196, 204, 215)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "",
        "top": 2326,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#D0BCF0",
    "alpha": 1,
    "cssValue": "rgb(208, 188, 240)",
    "count": 48,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 5291,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#FFFFFF",
    "alpha": 0.21176470588235294,
    "cssValue": "rgba(255, 255, 255, 0.21)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 4274,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#1C1C1C",
    "alpha": 1,
    "cssValue": "rgb(28, 28, 28)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 39,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 3325,
        "property": "::before-background"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing, with large padding between sections and comfortable internal padding within bento cards.
- Corner style: Highly rounded. Nearly all elements feature significant border-radii, often creating full pill shapes.
- Radius: Large radii (likely 16px-24px for cards) and fully rounded (e.g., 999px) for buttons and tags.
- Borders: Subtle semi-transparent borders (e.g., color-17) are used to define cards against slightly contrasting backgrounds.
- Buttons: Pill-shaped, flat color for primary (color-5 magenta), outline or ghost styles for secondary actions.
- Content width: Centered max-width container, typical of modern SaaS sites, leaving wide margins on larger screens.
- Density: Low density. The bento box layout allows for content to breathe, avoiding clutter.
- Evidence: Visible in the pill shapes of CTAs, the generous whitespace in the logo strip, and the rounded corners of the bento boxes in the screenshots.

## Sections

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

1. **Navbar — Nooks: Funding, Investors & Jobs Navbar** (Home)
   Sparse links with dropdown arrows and two contrasting pill buttons keep navigation light while the sign-in and demo actions stay distinct.
   Capture: 1440×132px; page bounds 0–132px of 6559px; source section ID: `d225c4ef-4d24-47d5-b9fe-9a879467ea0e`; image: https://media.designdetails.io/library/c770714c2e608532bc9bc0ea93ffb2b292d35085dbc88b0d502ec92cf8576216/d225c4ef-4d24-47d5-b9fe-9a879467ea0e.webp
   SECTION.md v3.2: `d225c4ef-4d24-47d5-b9fe-9a879467ea0e` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed portrait hero with headline** (Home)
   A large warm portrait behind left-aligned headline text gives a human tone, while the small demo button and review badge add quick trust.
   Capture: 1440×868px; page bounds 132–1000px of 6559px; source section ID: `c3b16add-686d-4d2b-9d8c-8edd1918f32b`; image: https://media.designdetails.io/library/059ec319f9f6b84e24139c9130f68825a787f96e652a08256d11ad719ecb4bae/c3b16add-686d-4d2b-9d8c-8edd1918f32b.webp
   SECTION.md v3.2: `c3b16add-686d-4d2b-9d8c-8edd1918f32b` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Three-row customer logo grid** (Home)
   A tidy grid of muted monochrome logos under a short statement shows breadth of customers without any logo overpowering the others.
   Capture: 1440×513px; page bounds 1000–1513px of 6559px; source section ID: `b9d83f01-3c11-499f-9ea5-2391bb754805`; image: https://media.designdetails.io/library/db3b7f24d8627e00069033b7576061b5c092ce3308d68062a7b4d13faf530cfd/b9d83f01-3c11-499f-9ea5-2391bb754805.webp
   SECTION.md v3.2: `b9d83f01-3c11-499f-9ea5-2391bb754805` (deterministic evidence; editorial review pending)
4. **Features — Tabbed use-case carousel with metrics** (Home)
   Pill tabs switch between lifecycle stages, and each card pairs a short description with one big number so visitors scan benefits quickly.
   Capture: 1440×1110px; page bounds 1513–2623px of 6559px; source section ID: `04d0f069-9dea-4f79-9875-637551fe591c`; image: https://media.designdetails.io/library/41afa4c98ca4d224bb22347aad1de2ac40ba79d73814ba0929ddc3fea4d9c295/04d0f069-9dea-4f79-9875-637551fe591c.webp
   SECTION.md v3.2: `04d0f069-9dea-4f79-9875-637551fe591c` (deterministic evidence; editorial review pending)
5. **Testimonials — Bento grid of quotes and proof** (Home)
   Mixed tiles of video portraits, a pull quote, stat cards and logos let visitors see varied proof in one dense, scannable block.
   Capture: 1440×1485px; page bounds 2623–4108px of 6559px; source section ID: `9fc87bd4-2378-48af-84aa-db850dfe00f4`; image: https://media.designdetails.io/library/4b00e65a70735f909427405922b3b920a76a3eb5ae1d0b039b72bac313bed7bb/9fc87bd4-2378-48af-84aa-db850dfe00f4.webp
   SECTION.md v3.2: `9fc87bd4-2378-48af-84aa-db850dfe00f4` (deterministic evidence; editorial review pending)
6. **Other — Dark research panel with photos** (Home)
   A dark rounded panel with scattered small photos and a short paragraph sets a distinct, credible tone for the research team story.
   Capture: 1440×732px; page bounds 4108–4840px of 6559px; source section ID: `9f0372a6-6be0-4f63-a7c9-903b682c98a7`; image: https://media.designdetails.io/library/8353367d698786b550b5d20de9f46e5a1ea9fb4643a4a78cfa8958dfc4eb28ca/9f0372a6-6be0-4f63-a7c9-903b682c98a7.webp
   SECTION.md v3.2: `9f0372a6-6be0-4f63-a7c9-903b682c98a7` (deterministic evidence; editorial review pending)
7. **Features — Platform overview with three glass cards** (Home)
   Frosted cards over a photo split the platform into execution, context and learning, each with a short description and tags for quick reading.
   Capture: 1440×690px; page bounds 4840–5530px of 6559px; source section ID: `452e02bb-9e12-4233-a3ad-5f86822c929c`; image: https://media.designdetails.io/library/f77449990c8699fe807098eabad8390246100853c1de69bddd534dd76867ea2b/452e02bb-9e12-4233-a3ad-5f86822c929c.webp
   SECTION.md v3.2: `452e02bb-9e12-4233-a3ad-5f86822c929c` (deterministic evidence; editorial review pending)
8. **Footer — Dark footer with grouped link columns** (Home)
   Large logo and tagline on the left with labeled link columns on the right make site sections easy to find against a dark gradient.
   Capture: 1440×1029px; page bounds 5530–6559px of 6559px; source section ID: `b88a33c5-607c-497e-aece-f80648148e66`; image: https://media.designdetails.io/library/8330ef328b1b83a44cdec4264f3fe73b965ee13ae87ac5cbac955e6a8db92a5f/b88a33c5-607c-497e-aece-f80648148e66.webp
   SECTION.md v3.2: `b88a33c5-607c-497e-aece-f80648148e66` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/db8cb3d1d1c77c9d4d311c01b4c23d3c8d82708e7f22e39e6fcd51bdbf9454bd/desktop_full-b73568b4-2026-11-05T15-53-17-162Z.webp
- Mobile screenshot: https://media.designdetails.io/library/7f9cdd5144a57b6d37a42b127258cbbc968c6d0dc981ec50a43c2e83f599998c/mobile_full-b73568b4-2026-11-05T15-53-56-392Z.webp
- Open Graph image: https://media.designdetails.io/library/b4d5fd2004511dd32cb9abe482745efdabc01547dd280f3bb1b84216575f891a/og_image-b73568b4-2026-11-05T15-53-25-180Z.webp
- Full-page video: https://media.designdetails.io/library/6fe795736a57113aef653dd5f325acdc758ef698b85062cf6eed88768f4ba02c/motion-1793895530640.mp4
- Video poster: https://media.designdetails.io/library/b4370ce15dbc60a04b4fca02ef3713b565c4be623658fdbabe3db0abb32f211b/motion-poster-1793895530640.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

- Video Frame
- Primary Button
- Navigation Bar
- Hero With Background Imagery
- Logo Strip
- Feature Collection
- Stat Block
- Testimonial Card
- Floating Product Card
- Tag
- Footer
- Bento Grid
- Floating Action Button

## Quality rubric

Overall: 51.1/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Nooks.ai is a well-assembled, professionally executed B2B SaaS marketing site that follows the current wave of AI-product design conventions closely: a geometric sans paired with an uppercase mono label font, a magenta-on-white/black palette, bento-box feature and proof-point grids, a sticky floating CTA pill, and a dark gradient footer. Execution within this idiom is competent — spacing is generous, cards are consistent, stats and testimonials are attributed and specific, and the tabbed revenue-lifecycle diagram gives the product narrative some structure. But nothing here goes beyond the template: the bento grid is reused near-identically for two different sections, the floating 'what results can Nooks drive' button and glass-nav are patterns now seen across dozens of similar sites, and the motion is limited to standard fade/slide reveals (with some observed choppiness). The type system, while thoughtfully role-differentiated between display and mono, shows a surprising number of ad-hoc one-off sizes rather than a disciplined scale. The result is a clean, trustworthy, on-brand site that does its job but offers no hard-to-substitute idea that would distinguish it from its many AI-SaaS peers.

- Typography (15%): 62 — A deliberate two-family system (Aeonikpro for display/body, Aeonikmonopro uppercase for labels and stat annotations) gives the page a recognizable, on-brand voice with consistent tight negative tracking on headings (-0.6px to -1px). However, the measured font inventory shows an unusually large number of one-off sizes (23.6px, 19.5px, 31.5px, 18.4px, 13.1px, 10.5px, 15.7px) rather than a disciplined modular scale, suggesting ad-hoc per-component sizing rather than a tightly governed type system.
- Color (10%): 60 — The palette is restrained and functional: white canvas, near-black text, a single magenta accent (#FB64FA) for primary actions, and a soft grey surface (#EEF1F5) for card backgrounds. Mint green and lavender are used sparingly as semantic highlight accents inside stat chips. This is a competent, legible corporate palette but follows a very common SaaS formula (black/white/single-accent/soft-grey) without a distinctive chromatic point of view.
- Layout (20%): 65 — The page is organized into a repeatable, legible rhythm: full-bleed hero, logo strip, tabbed bento feature diagram, bento-style outcome/testimonial grid, a dark research interlude, and a closing feature block before the footer. Card radii, padding, and container widths appear consistent across sections, and the floating FAB and sticky bottom note give a sense of persistent navigation. This is a coherent, well-executed template system rather than a single standout layout trick.
- Motion (20%): 48 — Motion consists of standard scroll-triggered fade/slide reveals (logos, diagrams, research images) and a floating CTA button, which is a conventional pattern seen broadly in SaaS marketing sites. The observation notes choppiness in places and the evidence does not establish refined easing, staggered choreography, or any motion idea that extends beyond reveal-on-scroll and a sticky FAB.
- Originality (25%): 28 — Every signature move here — bento-box feature grids, uppercase monospace stat labels, a pill-shaped floating 'what can X drive' CTA, glassmorphic floating nav, dark gradient footer — is now a widely recycled convention across contemporary AI/SaaS marketing sites. The execution is clean but the page does not introduce any idea that would be hard to substitute with a template from the current wave of similar GTM/AI startups.
- Content (10%): 62 — Content and design are reasonably well matched: large numeric stats are placed in dedicated card treatments, testimonial videos are paired with attributed quotes and company logos for credibility, and the tabbed revenue-lifecycle diagram supports a specific product narrative. This is solid integration, though it is largely the standard SaaS proof-point format (logos + stats + quotes) rather than a bespoke content system.

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

## Curator notes

A warm full-bleed portrait and dark brown hero ground an AI sales tool in something human, while a hot pink accent against black and white keeps every stat, logo grid, and tabbed feature section easy to scan down the page. Customer proof is shown as bold percentage tiles and video faces rather than text, building trust fast.

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