# Sim — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.sim.ai/
Captured: 2026-10-20
CSS measured: 2026-10-20T06:10:33.714Z at 1440×1000 — https://www.sim.ai/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

Sim.ai employs a clean, minimal design aesthetic heavily reliant on typography and ample whitespace. The color palette is monochromatic, mostly utilizing shades of black, white, and grays for UI elements, while reserving spot colors for brand logos and semantic icons. Large headings establish a strong hierarchy, and complex functionality is communicated via stylized UI mockups. Animated features, such as metric counters, scrolling marquees, and dynamic footers, add interactivity and engagement without overwhelming the refined layout.

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, corporate, typographic, monochromatic-interface-mockups
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: season — weight 400; size 64px; line-height 61.4px; tracking -1.6px; Regular (95% role confidence, computed values)
- Heading: season — weight 400; size 30px; line-height 39px; tracking -0.4px; Regular (80% role confidence, computed values)
- Body: season — weight 400; size 15px; line-height 21.8px; tracking 0.3px; Regular (85% role confidence, computed values)

## Functional palette

- Text — text #1A1A1A: color-9: computed rgb(26, 26, 26); AI role: Very dark gray/black (#1A1A1A) used for main body copy and headings. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: White background used extensively across the main page content. (90% role confidence, computed values)
- Border — border #D8D8D8: color-8: computed rgb(216, 216, 216); AI role: Light gray (#D8D8D8) used heavily for component borders, such as outlines on buttons and cards. (90% role confidence, computed values)
- Surface — surface #F7F7F7: color-3: computed rgb(247, 247, 247); AI role: Off-white/light gray (#F7F7F7) used for background elements in UI mockups. (85% role confidence, computed values)
- Muted Text — muted text #525252: color-7: computed lab(34.924 0 0); AI role: Medium gray (#525252) used for secondary text and interface icons. (85% role confidence, computed values)
- Primary Action — primary action #000000: color-5: computed rgb(0, 0, 0); AI role: Black (#000000) used for primary CTA button backgrounds. (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": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 138,
    "contexts": [
      {
        "tag": "span",
        "text": "Platform",
        "top": 52,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Customers",
        "top": 52,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Resources",
        "top": 52,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "25px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "h3",
        "text": "CLI",
        "top": 5158,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Workflows",
        "top": 5158,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Knowledge Base",
        "top": 5158,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "23.2px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "dt",
        "text": "dollars saved by teams using Sim to automate their work",
        "top": 2280,
        "property": "font"
      },
      {
        "tag": "dt",
        "text": "hours of work completed in Sim",
        "top": 2471,
        "property": "font"
      },
      {
        "tag": "dt",
        "text": "builders already using Sim to create and manage AI agents",
        "top": 2661,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "64px",
    "lineHeight": "67.2px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "One Platform for every AI Agent",
        "top": 2963,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Every agent your company runs.",
        "top": 6757,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "All in one place.",
        "top": 6824,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "36.8px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "Build agents",
        "top": 3343,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Govern at scale",
        "top": 3343,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Describe the agent.",
        "top": 3846,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Everything AI agents need to do real work",
        "top": 4482,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Central governance for enterprise AI",
        "top": 5919,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "64px",
    "lineHeight": "61.4px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Build and governevery AI agent in one place",
        "top": 245,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21.8px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "p",
        "text": "Use Sim from Claude Code or your terminal to build, run, and manage agents.",
        "top": 5191,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sim connects blocks, models, and integrations into agent logic.",
        "top": 5191,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sim gives every agent trusted memory from synced sources.",
        "top": 5191,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "p",
        "text": "Notion",
        "top": 4778,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Google Drive",
        "top": 4778,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Confluence",
        "top": 4921,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "p",
        "text": "128 docs",
        "top": 4796,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "342 docs",
        "top": 4796,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "96 docs",
        "top": 4939,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "24px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "Prompt GPT-6 Astra",
        "top": 937,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Run code",
        "top": 937,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Post lead summary to #sales",
        "top": 867,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": -1,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sim",
        "top": 62,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Sim is the open-source AI workspace where teams build, deploy, and manage AI agents for their organi",
        "top": 188,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "44px",
    "lineHeight": "47.5px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Connect systems and build, deploy, and manage AI agents with Sim.",
        "top": 1677,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bring teams, shared knowledge, and AI agents into one workspace with Sim.",
        "top": 1702,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "15px",
    "lineHeight": "25px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Built Lead enrichment — it enriches each signup, scores company fit, posts qualified leads to Slack,",
        "top": 899,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The workflow is ready to test with a sample lead.",
        "top": 990,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "30px",
    "lineHeight": "39px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "The world’s work is moving to AI agents. Sim gives teams one place to build, deploy, monitor and gov",
        "top": 2280,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Sim is one place to control who can build agents, what they can use, and how the workspace runs.",
        "top": 5919,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Build, deploy, and manage AI agents with central control over access, spend, and data.",
        "top": 310,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 85,
    "contexts": [
      {
        "tag": "span",
        "text": "Chats",
        "top": 732,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Workspace",
        "top": 833,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Workflows",
        "top": 996,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "10px",
    "lineHeight": "14px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "span",
        "text": "Last 24 hours",
        "top": 4698,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Success rate",
        "top": 4741,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Median run",
        "top": 4741,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "Used integrations, edited workflows, read files",
        "top": 721,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Read Slack",
        "top": 749,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Created Lead enrichment",
        "top": 777,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "11px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "❯",
        "top": 4941,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Draft a reply to this ticket.",
        "top": 4941,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$",
        "top": 4973,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "9px",
    "lineHeight": "12.6px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "24 hours ago",
        "top": 4886,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Now",
        "top": 4886,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Trace",
        "top": 5077,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "9px",
    "lineHeight": "12px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "Just now·API",
        "top": 4964,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "·",
        "top": 4964,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2 min ago·Webhook",
        "top": 5008,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "17px",
    "lineHeight": "25.5px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Start",
        "top": 934,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Enrich lead",
        "top": 910,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Score company fit",
        "top": 910,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Toolbar",
        "top": 4661,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Editor",
        "top": 4661,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Logs",
        "top": 4656,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Connectors",
        "top": 4655,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Leads",
        "top": 4658,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Files",
        "top": 4655,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": null,
    "fontStack": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "code",
        "text": "sim workflows run \\",
        "top": 4973,
        "property": "font"
      },
      {
        "tag": "code",
        "text": "\"$WORKFLOW_ID\" --follow \\",
        "top": 4993,
        "property": "font"
      },
      {
        "tag": "code",
        "text": "--input @ticket.json",
        "top": 5017,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "11px",
    "lineHeight": "16px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Syncing",
        "top": 4713,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1.2 MB",
        "top": 5088,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "324 KB",
        "top": 5088,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "11px",
    "lineHeight": "15px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Support ticket routing",
        "top": 4946,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Enrich inbound lead",
        "top": 4990,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sync knowledge base",
        "top": 5034,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": null,
    "fontStack": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
    "weight": "400",
    "size": "10px",
    "lineHeight": "14px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "1.86s",
        "top": 4954,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "24.2s",
        "top": 4998,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "18.6s",
        "top": 5042,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "84px",
    "lineHeight": "79.8px",
    "letterSpacing": "-3.8px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "$20,000,000",
        "top": 2279,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$20M",
        "top": 2280,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1,270,000",
        "top": 2470,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Brand assets",
        "top": 4819,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Reports",
        "top": 4819,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Brand assets",
        "top": 4819,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "12 files",
        "top": 4837,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "8 files",
        "top": 4837,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "12 files",
        "top": 4837,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Details in the Sim Trust Center",
        "top": 6512,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "in the Sim Trust Center",
        "top": 6522,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Details in the Sim Trust Center",
        "top": 6512,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "Log in",
        "top": 50,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Start building",
        "top": 50,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Suggested actions",
        "top": 1254,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Guide.pdf",
        "top": 5068,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Brief.docx",
        "top": 5068,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Guide.pdf",
        "top": 5068,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "SOC 2 Type II",
        "top": 6481,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ISO 27001",
        "top": 6481,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "GDPR",
        "top": 6481,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18.6px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Request a demo",
        "top": 53,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "·",
        "top": 196,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Now available",
        "top": 196,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Arial",
    "fontStack": "Arial, sans-serif",
    "weight": "700",
    "size": "5.5px",
    "lineHeight": "8.3px",
    "letterSpacing": "0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "text",
        "text": "PDF",
        "top": 4920,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "PDF",
        "top": 4920,
        "property": "font"
      },
      {
        "tag": "text",
        "text": "PDF",
        "top": 4920,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "season",
    "fontStack": "season, \"season Fallback\", system-ui, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "0.3px",
    "traits": "capitalize",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "If",
        "top": 929,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Else",
        "top": 947,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FEFEFE",
    "alpha": 1,
    "cssValue": "rgb(254, 254, 254)",
    "count": 8,
    "contexts": [
      {
        "tag": "body",
        "text": ":root, .c15t-theme-root { --c15t-primary: hsl(228, 100%, 60%); --c15t-primary-hover: hsl(228, 100%, ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://www.sim.ai#organiz",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 195,
    "contexts": [
      {
        "tag": "span",
        "text": "Request a demo",
        "top": 53,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 59,
        "property": "svg-stroke"
      },
      {
        "tag": "a",
        "text": "NewUse GPT-6 Astra·Now available",
        "top": 189,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F7F7F7",
    "alpha": 1,
    "cssValue": "rgb(247, 247, 247)",
    "count": 50,
    "contexts": [
      {
        "tag": "div",
        "text": "BrightwaveNew chatIntegrationsChatsEnrich new signupsPost deal alerts to #salesWorkspaceTablesFilesK",
        "top": 516,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3267,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "",
        "top": 4695,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FBFBFB",
    "alpha": 1,
    "cssValue": "rgb(251, 251, 251)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "BrightwaveNew chatIntegrationsChatsEnrich new signupsPost deal alerts to #salesWorkspaceTablesFilesK",
        "top": 596,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 70,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 752,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 752,
        "property": "svg-fill"
      },
      {
        "tag": "article",
        "text": "Featured customerConnect systems and build, deploy, and manage AI agents with Sim.",
        "top": 1588,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F3F3F3",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 243)",
    "count": 36,
    "contexts": [
      {
        "tag": "div",
        "text": "When a new lead signs up, enrich it with company data and post it to #sales.",
        "top": 621,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Lead enrichment",
        "top": 903,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "Auto-sync",
        "top": 4656,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#525252",
    "alpha": 1,
    "cssValue": "lab(34.924 0 0)",
    "count": 535,
    "contexts": [
      {
        "tag": "aside",
        "text": "Tracking Secrets Through an Agent RunRead article",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "New",
        "top": 197,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 620,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#D8D8D8",
    "alpha": 1,
    "cssValue": "rgb(216, 216, 216)",
    "count": 833,
    "contexts": [
      {
        "tag": "div",
        "text": "Log inStart building",
        "top": 49,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "",
        "top": 56,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "NewUse GPT-6 Astra·Now available",
        "top": 189,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 221,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to main content",
        "top": -1,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Sim",
        "top": 62,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Request a demo",
        "top": 49,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#F8F8F8",
    "alpha": 1,
    "cssValue": "rgb(248, 248, 248)",
    "count": 34,
    "contexts": [
      {
        "tag": "span",
        "text": "Tracking Secrets Through an Agent Run",
        "top": 6,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 918,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 907,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#434343",
    "alpha": 1,
    "cssValue": "rgb(67, 67, 67)",
    "count": 62,
    "contexts": [
      {
        "tag": "g",
        "text": "",
        "top": 52,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 55,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "Platform",
        "top": 52,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#C3C3C3",
    "alpha": 1,
    "cssValue": "color(srgb 0.763333 0.763333 0.763333)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 4718,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#535353",
    "alpha": 0.34901960784313724,
    "cssValue": "color(srgb 0.321569 0.321569 0.321569 / 0.35)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4879,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "M",
        "top": 1215,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Support ticket routingJust now·API1.86s",
        "top": 4939,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#5A5A5A",
    "alpha": 1,
    "cssValue": "rgb(90, 90, 90)",
    "count": 263,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 55,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 60,
        "property": "svg-stroke"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 618,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#5C5C5C",
    "alpha": 1,
    "cssValue": "rgb(92, 92, 92)",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Used integrations, edited workflows, read files",
        "top": 721,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#7E7E7E",
    "alpha": 1,
    "cssValue": "color(srgb 0.494431 0.494431 0.494431)",
    "count": 9,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3268,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#E5E5E5",
    "alpha": 1,
    "cssValue": "rgb(229, 229, 229)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Create and deploy agents through chat, a visual canvas, or code.",
        "top": 3393,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3291,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#3B3B3B",
    "alpha": 1,
    "cssValue": "rgb(59, 59, 59)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Agent",
        "top": 912,
        "property": "background"
      },
      {
        "tag": "h2",
        "text": "Describe the agent.",
        "top": 3846,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#7A7A7A",
    "alpha": 1,
    "cssValue": "rgb(122, 122, 122)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Prompt GPT-6 Astra",
        "top": 937,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#ECECEC",
    "alpha": 1,
    "cssValue": "rgb(236, 236, 236)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "New chat",
        "top": 655,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Lead enrichment",
        "top": 612,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 7699,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#BCBCBC",
    "alpha": 1,
    "cssValue": "color(srgb 0.736627 0.736627 0.736627)",
    "count": 6,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3279,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#E0E0E0",
    "alpha": 1,
    "cssValue": "rgb(224, 224, 224)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 879,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FF4C00",
    "alpha": 1,
    "cssValue": "rgb(255, 76, 0)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Function",
        "top": 912,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#D9D9D9",
    "alpha": 0.7019607843137254,
    "cssValue": "color(srgb 0.847059 0.847059 0.847059 / 0.7)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "ToolbarEditorLogsRun overviewLast 24 hoursSuccess rate100%Median run21.8sCompleted157Cost$17.2724 ho",
        "top": 4645,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#E6E6E6",
    "alpha": 1,
    "cssValue": "rgb(230, 230, 230)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Start",
        "top": 936,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#6C6C6C",
    "alpha": 1,
    "cssValue": "color(srgb 0.425333 0.425333 0.425333)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3255,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#878787",
    "alpha": 1,
    "cssValue": "color(srgb 0.529098 0.529098 0.529098)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3271,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#EFEFEF",
    "alpha": 1,
    "cssValue": "color(srgb 0.93898 0.93898 0.93898)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3291,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#8C8C8C",
    "alpha": 1,
    "cssValue": "rgb(140, 140, 140)",
    "count": 12,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1544,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1548,
        "property": "svg-stroke"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 1533,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#B4B4B4",
    "alpha": 1,
    "cssValue": "rgb(180, 180, 180)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Read article",
        "top": 6,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 12,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#808080",
    "alpha": 1,
    "cssValue": "rgb(128, 128, 128)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1185,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#611F69",
    "alpha": 1,
    "cssValue": "rgb(97, 31, 105)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Slack",
        "top": 842,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#188F00",
    "alpha": 1,
    "cssValue": "rgb(24, 143, 0)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Table",
        "top": 842,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#036C70",
    "alpha": 1,
    "cssValue": "rgb(3, 108, 112)",
    "count": 3,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 4996,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#00AC47",
    "alpha": 1,
    "cssValue": "rgb(0, 172, 71)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4711,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FFBA00",
    "alpha": 1,
    "cssValue": "rgb(255, 186, 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4711,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#36C5F0",
    "alpha": 1,
    "cssValue": "rgb(54, 197, 240)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 752,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#ECB22E",
    "alpha": 1,
    "cssValue": "rgb(236, 178, 46)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 759,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#2EB67D",
    "alpha": 1,
    "cssValue": "rgb(46, 182, 125)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 752,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#E01E5A",
    "alpha": 1,
    "cssValue": "rgb(224, 30, 90)",
    "count": 5,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 759,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#1A9BA1",
    "alpha": 1,
    "cssValue": "rgb(26, 155, 161)",
    "count": 3,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 5002,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#008789",
    "alpha": 1,
    "cssValue": "rgb(0, 135, 137)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 5001,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#0062FF",
    "alpha": 1,
    "cssValue": "rgb(0, 98, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "API",
        "top": 1011,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#2684FC",
    "alpha": 1,
    "cssValue": "rgb(38, 132, 252)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4725,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#A1A1A1",
    "alpha": 1,
    "cssValue": "color(srgb 0.632863 0.632863 0.632863)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3238,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#37C6D0",
    "alpha": 1,
    "cssValue": "rgb(55, 198, 208)",
    "count": 3,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 5009,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#00832D",
    "alpha": 1,
    "cssValue": "rgb(0, 131, 45)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 4711,
        "property": "svg-fill"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical and horizontal padding, creating distinct logical sections separated by white space.
- Corner style: Mostly rounded corners on interactive elements (buttons, inputs) and container cards.
- Radius: Buttons and input fields show significant rounding (pill-shaped or large radii), while larger structural cards have smaller, subtle rounding.
- Borders: Thin, solid light gray borders define sections, cards, and UI mockups.
- Buttons: Pill-shaped buttons; primary are dark solid fill with white text, secondary are transparent with thin gray borders.
- Content width: Centered content with a constrained maximum width, flanked by substantial margins on wider screens.
- Density: Low density; elements have ample breathing room, prioritizing readability and focus on single concepts at a time.
- Evidence: Observation of component layouts, padding around text blocks, border properties on cards (e.g., color-8), and button shapes across the entire page.

## Sections

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

1. **Testimonials — Featured customer stories** (Home)
   Testimonials composition from Home, organized around “Featured customer stories”.
   Capture: 1440×688px; page bounds 1532–2220px of 8419px; source section ID: `53ddb580-ad0f-44c9-a854-3111a7eab7ec`; image: https://media.designdetails.io/library/0ed98d8368173a23b39968a6556cfb8e646c9e8f1217cf0b9a9846b14c3aef71/section_crop-53ddb580-2026-10-20T06-10-44-406Z.webp
   SECTION.md v3.2: `53ddb580-ad0f-44c9-a854-3111a7eab7ec` (deterministic evidence; editorial review pending)
2. **Features — One Platform for every AI Agent** (Home)
   Reusable feature composition from Home, organized around “One Platform for every AI Agent”.
   Capture: 1440×792px; page bounds 2963–3755px of 8419px; source section ID: `83012649-34d8-4a3a-bea0-7b7c0690531f`; image: https://media.designdetails.io/library/31c2d1571c7357b95d912b142351574b7f85006e33251becfa69a1ef72ffaa6a/section_crop-83012649-2026-10-20T06-10-46-382Z.webp
   SECTION.md v3.2: `83012649-34d8-4a3a-bea0-7b7c0690531f` (deterministic evidence; editorial review pending)
3. **Features — Describe the agent.** (Home)
   Reusable feature composition from Home, organized around “Describe the agent.”.
   Capture: 1440×567px; page bounds 3771–4338px of 8419px; source section ID: `1397dde2-d722-4551-8d11-dc810ca85172`; image: https://media.designdetails.io/library/61c61d26ac21b033cba04ec54a3b611ad29ec33c72c1c6421b7810e84c65e247/section_crop-1397dde2-2026-10-20T06-10-47-396Z.webp
   SECTION.md v3.2: `1397dde2-d722-4551-8d11-dc810ca85172` (deterministic evidence; editorial review pending)
4. **Features — Everything AI agents need to do real work** (Home)
   Reusable feature composition from Home, organized around “Everything AI agents need to do real work”.
   Capture: 1440×769px; page bounds 4482–5251px of 8419px; source section ID: `3821563f-a6e0-4190-900c-748009548589`; image: https://media.designdetails.io/library/ea3889a303393fca5465de45b031f686e47bb94ad96a9fee1f9d6e671e3d2b8c/section_crop-3821563f-2026-10-20T06-10-48-188Z.webp
   SECTION.md v3.2: `3821563f-a6e0-4190-900c-748009548589` (deterministic evidence; editorial review pending)
5. **Features — SSO & SCIM** (Home)
   Reusable feature composition from Home, organized around “SSO & SCIM”.
   Capture: 1440×444px; page bounds 5330–5774px of 8419px; source section ID: `7832455a-2391-4b0e-adf9-5dc72c5fcfd7`; image: https://media.designdetails.io/library/74646077dec2eb689b151d4cc6a3e5b87861690f4bf57276b55c0f75a7dee103/section_crop-7832455a-2026-10-20T06-10-49-039Z.webp
   SECTION.md v3.2: `7832455a-2391-4b0e-adf9-5dc72c5fcfd7` (deterministic evidence; editorial review pending)
6. **Footer — Product** (Home)
   Closing footer and call-to-action from Home, organized around “Product”.
   Capture: 1440×826px; page bounds 7593–8419px of 8419px; source section ID: `3d002758-e988-4755-8b0e-e60f8be9cd0f`; image: https://media.designdetails.io/library/04701a311ed07b64751da34fdfb997388df57ec275951ea141e7acbf23a3be4b/section_crop-3d002758-2026-10-20T06-10-50-836Z.webp
   SECTION.md v3.2: `3d002758-e988-4755-8b0e-e60f8be9cd0f` (deterministic evidence; editorial review pending)
7. **Hero — Build and govern every AI agent** (Home)
   AI suggestion (98% confidence): Complete hero with product announcement, large value proposition, supporting copy, dual CTAs, a substantial product interface visual, and customer-logo social proof.
   Capture: 1440×1359px; page bounds 186–1545px of 8419px; source section ID: `fd589992-b05b-402a-bf33-4d266754608e`; image: https://media.designdetails.io/library/d7273e9438b2930cf92cdbb1a65902e9006f761c7332bed6526bc9183b33171e/fd589992-b05b-402a-bf33-4d266754608e.webp
   SECTION.md v3.2: `fd589992-b05b-402a-bf33-4d266754608e` (deterministic evidence; editorial review pending)
8. **Stats — AI agent platform impact statistics** (Home)
   AI suggestion (97% confidence): Self-contained business-impact section pairing a concise platform statement with three prominently displayed metrics and explanatory labels.
   Capture: 1440×555px; page bounds 2271–2826px of 8419px; source section ID: `9943b483-3cf4-4048-ab9d-59d0990e2724`; image: https://media.designdetails.io/library/45c42577f0fa2bd898e8df6e964e8675bbd7e91e7a5b3a408d61ea6cecc16add/9943b483-3cf4-4048-ab9d-59d0990e2724.webp
   SECTION.md v3.2: `9943b483-3cf4-4048-ab9d-59d0990e2724` (deterministic evidence; editorial review pending)
9. **Product Demo — One Platform for Every AI Agent** (Home)
   AI suggestion (93% confidence): Complete platform overview with a clear heading, paired build/govern capability panels, product UI imagery, and a substantial agent-description demo with its own CTA.
   Capture: 1440×1587px; page bounds 2828–4415px of 8419px; source section ID: `1d510ff6-1ed2-4059-9915-eb5bc09f559d`; image: https://media.designdetails.io/library/1120ea9ab937ccd754fe9afcea30a2139f56d58b688827800679cd42a444f1a9/1d510ff6-1ed2-4059-9915-eb5bc09f559d.webp
   SECTION.md v3.2: `1d510ff6-1ed2-4059-9915-eb5bc09f559d` (deterministic evidence; editorial review pending)
10. **Certification — Central governance certifications** (Home)
   AI suggestion (97% confidence): Complete trust and compliance section with a governance heading, explanatory copy, Trust Center link, and three certification cards for SOC 2 Type II, ISO 27001, and GDPR.
   Capture: 1440×705px; page bounds 5905–6610px of 8419px; source section ID: `bd8bbe41-a8bd-402b-b50e-20d054de8f5b`; image: https://media.designdetails.io/library/df56fe7f43f56b410dae2651142b7956d35506a487503ee2ebf4338ebe3b3018/bd8bbe41-a8bd-402b-b50e-20d054de8f5b.webp
   SECTION.md v3.2: `bd8bbe41-a8bd-402b-b50e-20d054de8f5b` (deterministic evidence; editorial review pending)
11. **CTA — Every agent in one place** (Home)
   AI suggestion (98% confidence): Complete, visually distinctive conversion section pairing a large headline and two action buttons with a full-width illustrated Golden Gate Bridge scene.
   Capture: 1440×840px; page bounds 6745–7585px of 8419px; source section ID: `aff026b5-327a-4b34-8f72-b14503f72703`; image: https://media.designdetails.io/library/cbfdc6232acf0105d6c20c10124127a772a797935517cdf34b12821a53af49c2/aff026b5-327a-4b34-8f72-b14503f72703.webp
   SECTION.md v3.2: `aff026b5-327a-4b34-8f72-b14503f72703` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d376ebd82c8fd56d211473f1d3ce804e502eb4001e4566f1f2211671594fe3ec/desktop_full-6f987dbc-2026-10-20T06-10-33-762Z.webp
- Mobile screenshot: https://media.designdetails.io/library/9d975e787575a967e9adb8f4c8556a039ded08d4a8b795903adbe1d5512075e2/mobile_full-6f987dbc-2026-10-20T06-11-29-865Z.webp
- Open Graph image: https://media.designdetails.io/library/938f3f792baa45f45387656e197783d5abb796269210366e7559f654b1120f05/og_image-6f987dbc-2026-10-20T06-10-42-240Z.webp
- Full-page video: https://media.designdetails.io/library/c1ac1e9f6e50e1e2f81af58f216323bab8187cf37c2334ad52e190adec9232a2/motion-1792478579886.mp4
- Video poster: https://media.designdetails.io/library/bce3871c70a14c9b1241d633eb5fd2182c7316087e23f561e173f45e865a4754/motion-poster-1792478579886.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

- Announcement Bar
- Navigation Bar
- Hero
- Primary Button
- Outline Button
- Product UI
- Logo Strip
- Video Frame
- Stat Block
- Feature Card
- Input Field
- Feature Collection
- Badge
- Footer
- Simulated Terminal Output
- Floating Action Input

## Quality rubric

Overall: 53.6/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Sim.ai is a cleanly built, disciplined B2B SaaS lander: a tight monochrome palette, a single type family stretched carefully across scales, and product mockups that are genuinely tied to the real feature set rather than generic stock art. Execution within its chosen minimal-corporate idiom is solid and consistent end to end. But the page's structural DNA — announcement bar, hero-plus-mockup, auto-scrolling logo strip, oversized counting stats, two-up feature cards, compliance badge trio, closing CTA over muted illustration, multi-column footer — is close to the industry-default template for AI/developer-tool marketing sites, and the motion captured is limited to standard scroll-reveal and counter effects. One morphing footer shape is the only moment of real distinctiveness; everything else is well-made but substitutable.

- Typography (15%): 58 — A single typeface ('season') is stretched across the entire scale (10px to 84px) with deliberate letter-spacing compensation — tight negative tracking at large display sizes (-3.8px at 84px, -1.6px at 64px) and slightly positive tracking at small UI sizes (0.3px), which is a legitimate hierarchy technique. A monospace stack is correctly reserved for CLI/code contexts. But the system never goes beyond size/tracking modulation of one family — no weight contrast (everything is 400), no secondary display face, no editorial voice in the type itself.
- Color (10%): 61 — Palette is disciplined and monochromatic — black/white/grays (#1A1A1A, #FFFFFF, #D8D8D8, #F7F7F7, #525252) carry nearly all UI chrome, with color reserved almost entirely for third-party logos (Slack brand colors, Google Drive colors) and two small semantic accents (#FF4C00, #0062FF) inside mockups. This restraint is well executed and consistent end to end. It is not distinctive, however — monochrome-plus-single-accent is the default palette of countless B2B SaaS sites, and the near-identical grays (#F3F3F3, #F5F5F5, #F7F7F7, #FBFBFB, #F8F8F8) read as incidental rather than an intentional tonal system.
- Layout (20%): 59 — Sections are clean, generously spaced, and consistently centered with a constrained content width (hero, logo strip, featured-customer video, stat block, two-up feature cards, three-up feature grid, compliance badges, CTA band, mega-footer). Execution is tidy and legible. But the component sequence itself — hero with mockup, auto-scrolling logo marquee, big stat numbers, feature cards with mockups, compliance badge row, large closing CTA over an illustration, link-heavy footer — is the near-default anatomy of contemporary dev-tool/SaaS marketing sites, assembled competently rather than rethought.
- Motion (20%): 54 — Observed motion is limited to scroll-triggered reveals: a logo marquee pan, counting-up stat numbers, a simulated typing/UI-state demo inside the product mockup, and a morphing abstract shape in the footer that cycles through forms (circles, cross, blob) as it scrolls. These are conventional marketing-site effects; no hover, click, or cursor-driven interactions were captured, and nothing in the evidence substantiates easing quality, frame rate, or responsiveness. The morphing footer shape is the one moment with some craft invested, but it is decorative and isolated rather than part of a broader motion language.
- Originality (25%): 40 — Nearly every structural choice — dark announcement bar, pill-shaped nav buttons, chat-mockup hero, auto-scrolling customer logo strip, oversized counting stats, two-tone feature cards with app screenshots, compliance-badge trio, giant closing headline over a muted illustration, link-column footer — is a widely-used pattern across current AI/dev-tool marketing sites. The one genuinely distinctive idea offered is the morphing abstract shape in the footer, which is a nice but single, low-stakes gesture rather than a system of ideas that would be hard for a competitor to substitute.
- Content (10%): 62 — The product mockups are custom-built and specific to Sim's actual feature set (workflow canvas, CLI terminal output, integrations/connector grid, governance dashboard with spend/workspace tables) rather than generic stock screenshots, and stat callouts ($20M saved, 1.27M hours, 100,000+ builders) are tied directly to adjacent copy. The featured customer video/testimonial format (Rivian) is woven into the stats section rather than bolted on. This is solid, purposeful integration of real product content into the design system, even if the surrounding chrome is generic.

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

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

## Verification checklist

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

## Curator notes

A tight grayscale palette and heavy black headline type let a dense workflow screenshot, full of chat panels and node diagrams, stay the visual focus without competing colour. Large customer photography and three bold stat numbers break up the technical panels, pacing the long page so it reads as proof, not just feature lists.

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