# Rogo — Design Reference

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

## Design direction

Rogo's website employs a refined, editorial aesthetic tailored for institutional finance. The design leverages a high-contrast palette centered around a deep, sophisticated green and ample white space. Typography plays a central role, contrasting an elegant, high-contrast serif (Arizona Mix) for prominent headings with a clean, modern sans-serif (Diatype) for body copy. The layout is highly spacious, using large macro-rhythms and sticky scrolling patterns to present complex product UI mockups and data points in a digestible, premium manner.

## Classification

- Industry: ai
- Site type: Blog
- Business model: AI, Software
- Styles: editorial, minimal, corporate, typographic, premium-fintech
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: arizonaMix — weight 360; size 160.2px; line-height 126.5px; tracking -11.2px; Regular (95% role confidence, computed values)
- Heading: arizonaMix — weight 380; size 72px; line-height 72px; tracking -5px; Regular (95% role confidence, computed values)
- Body: diatype — weight 400; size 18px; line-height 23.4px; tracking -0.4px; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White background used for the majority of the page's content sections. (95% role confidence, computed values)
- Text — text #151515: color-3: computed rgb(21, 21, 21); AI role: Dark #151515 used for primary headings and body copy on light backgrounds. (95% role confidence, computed values)
- Accent — accent #0F362A: color-2: computed rgb(15, 54, 42); AI role: Deep green #0F362A used prominently for the hero, footer, and security section backgrounds. (95% role confidence, computed values)
- Muted Text — muted text #737373: color-8: computed rgb(115, 115, 115); AI role: Gray #737373 used for inactive text blocks in the sticky scroll section. (90% role confidence, computed values)
- Surface — surface #F5F4F2: color-5: computed rgb(245, 244, 242); AI role: Light gray #F5F4F2 used as the background for product UI mockups and newsroom cards. (85% 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": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "480",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "h3",
        "text": "Accelerate your output",
        "top": 2384,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Unify your data in one place",
        "top": 2734,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Build context that compounds",
        "top": 3084,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "arizonaMix",
    "fontStack": "arizonaMix, \"arizonaMix Fallback\"",
    "weight": "400",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "-3.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "How firms work with Rogo",
        "top": 6171,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Results at enterprise scale",
        "top": 7214,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Security built for institutional finance",
        "top": 8137,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "arizonaMix",
    "fontStack": "arizonaMix, \"arizonaMix Fallback\"",
    "weight": "380",
    "size": "72px",
    "lineHeight": "72px",
    "letterSpacing": "-5px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "The future of financial work",
        "top": 1927,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Partnership tailored to your firm",
        "top": 4208,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "400",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Execute end-to-end financial workflows using hundreds of purpose-built financial agents",
        "top": 2448,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Secure connections across your firm's systems, data, and knowledge.",
        "top": 2798,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Turn individual preferences, relationships, and knowledge into governed intelligence the entire firm",
        "top": 3148,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "500",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by 450+ of the leading firms in finance",
        "top": 1180,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Bankers and investors using Rogo",
        "top": 7504,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Daily queries sent by users",
        "top": 7504,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "480",
    "size": "120px",
    "lineHeight": "120px",
    "letterSpacing": "-6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "60K",
        "top": 7372,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "200K",
        "top": 7372,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "450",
        "top": 7372,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Tom Hackett",
        "top": 5673,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Chief Executive Officer, Truist Securities",
        "top": 5698,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Credit usage by project",
        "top": 2237,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "project",
        "top": 2237,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "400",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Rogo is the trusted AI partner helping the world's leading financial institutions increase efficienc",
        "top": 511,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 43,
    "contexts": [
      {
        "tag": "span",
        "text": "People",
        "top": 2259,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Companies",
        "top": 2259,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Deals",
        "top": 2259,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 39,
    "contexts": [
      {
        "tag": "button",
        "text": "Play video",
        "top": 4965,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Learn more",
        "top": 8375,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SOC 2 Type II",
        "top": 8231,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "400",
    "size": "10.7px",
    "lineHeight": "15px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "400k",
        "top": 2294,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "300k",
        "top": 2341,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "200k",
        "top": 2388,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "D",
        "top": 2365,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "P",
        "top": 2409,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "M",
        "top": 2453,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Reviewing Atlas LBO Model.xlsx",
        "top": 2191,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Checking relationship notes for Project Harbor",
        "top": 2317,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Updating Aster Health opportunity stage",
        "top": 2456,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "12px",
    "lineHeight": "17.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Project Atlas",
        "top": 2620,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Project Midas",
        "top": 2620,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Project Titan",
        "top": 2620,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "arizonaMix",
    "fontStack": "arizonaMix, \"arizonaMix Fallback\"",
    "weight": "360",
    "size": "160.2px",
    "lineHeight": "126.5px",
    "letterSpacing": "-11.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Built",
        "top": 348,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "for",
        "top": 348,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Finance",
        "top": 348,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "480",
    "size": "28px",
    "lineHeight": "36px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Rogo announces $160M Series D",
        "top": 9300,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Wall Street’s Favorite AI Startup",
        "top": 9300,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Building Investing Superintelligence",
        "top": 9300,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "480",
    "size": "32px",
    "lineHeight": "36px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Introducing Forward Deployed Bankers",
        "top": 4871,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "arizonaMix",
    "fontStack": "arizonaMix, \"arizonaMix Fallback\"",
    "weight": "400",
    "size": "32px",
    "lineHeight": "41.6px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "“We’ve had a very successful integration with Rogo, and the relationship and strategic investment ha",
        "top": 5458,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "18.6px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Searching previous deals",
        "top": 2426,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Fallback\"",
    "weight": "500",
    "size": "18px",
    "lineHeight": "28.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "LBO Model",
        "top": 2253,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "arizonaMix",
    "fontStack": "arizonaMix, \"arizonaMix Fallback\"",
    "weight": "360",
    "size": "92px",
    "lineHeight": "87.4px",
    "letterSpacing": "-5.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Accelerate your firm with Rogo",
        "top": 9835,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "diatype",
    "fontStack": "diatype, \"diatype Fallback\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Request demo",
        "top": 602,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 270,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 751,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Built",
        "top": 348,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Request demo",
        "top": 602,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0F362A",
    "alpha": 1,
    "cssValue": "rgb(15, 54, 42)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 820,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Announcing our strategic investment to accelerate expansion in EMEA and APACBuilt for FinanceRogo is",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#151515",
    "alpha": 1,
    "cssValue": "rgb(21, 21, 21)",
    "count": 57,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by 450+ of the leading firms in finance",
        "top": 1180,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "The future of financial work",
        "top": 1927,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Accelerate your output",
        "top": 2384,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FDFDFC",
    "alpha": 1,
    "cssValue": "rgb(253, 253, 252)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "PeopleCompaniesDealsMemoryNameCompanyDealsModifiedDDaniel OkaforSpaceXProject Alder+32h agoPPriya Ra",
        "top": 2207,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "People",
        "top": 2255,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#F5F4F2",
    "alpha": 1,
    "cssValue": "rgb(245, 244, 242)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "LBO ModelLBO ModelReviewing Atlas LBO Model.xlsxChecking relationship notes for Project HarborUpdati",
        "top": 2115,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Rogo announces $160M Series D",
        "top": 9059,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F6F6F6",
    "alpha": 1,
    "cssValue": "rgb(246, 246, 246)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10670,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FAFAF9",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 249)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "LBO ModelLBO Model",
        "top": 2240,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#737373",
    "alpha": 1,
    "cssValue": "rgb(115, 115, 115)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Execute end-to-end financial workflows using hundreds of purpose-built financial agents",
        "top": 2448,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#141414",
    "alpha": 0.4,
    "cssValue": "oklab(0.195734 0.00000893325 0.0000039041 / 0.4)",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 1270,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#44403C",
    "alpha": 1,
    "cssValue": "rgb(68, 64, 60)",
    "count": 25,
    "contexts": [
      {
        "tag": "span",
        "text": "LBO Model",
        "top": 2253,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#8B8B8B",
    "alpha": 1,
    "cssValue": "rgb(139, 139, 139)",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Chief Executive Officer, Truist Securities",
        "top": 5698,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Platform",
        "top": 10228,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#78716C",
    "alpha": 1,
    "cssValue": "rgb(120, 113, 108)",
    "count": 86,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2269,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 2268,
        "property": "svg-fill"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 2264,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#6E827C",
    "alpha": 1,
    "cssValue": "rgb(110, 130, 124)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8108,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 8108,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Rogo is the trusted AI partner helping the world's leading financial institutions increase efficienc",
        "top": 511,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.6509803921568628,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.65)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Accelerate firm productivity, automate workflows, and unify financial data at scale with one secure ",
        "top": 8288,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#1C1917",
    "alpha": 1,
    "cssValue": "rgb(28, 25, 23)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "People",
        "top": 2259,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 9147,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#AAA0A0",
    "alpha": 0.2,
    "cssValue": "rgba(168, 162, 158, 0.2)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "The future of financial workLBO ModelLBO ModelAccelerate your outputExecute end-to-end financial wor",
        "top": 1686,
        "property": "border"
      },
      {
        "tag": "li",
        "text": "Accelerate your outputExecute end-to-end financial workflows using hundreds of purpose-built financi",
        "top": 2265,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Rogo announces $160M Series D",
        "top": 9271,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#141414",
    "alpha": 0.2,
    "cssValue": "oklab(0.195734 0.00000893325 0.0000039041 / 0.2)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 5802,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#EEEDEC",
    "alpha": 1,
    "cssValue": "rgb(238, 237, 236)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2143,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#141414",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(28, 25, 23, 0.05)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Companies",
        "top": 2255,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#0D2F24",
    "alpha": 1,
    "cssValue": "rgb(13, 47, 36)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8106,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.6980392156862745,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "SOC 2 Type II",
        "top": 8231,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#111111",
    "alpha": 0.058823529411764705,
    "cssValue": "oklab(0.195734 0.00000893325 0.0000039041 / 0.06)",
    "count": 5,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 6192,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 9415,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#274A3F",
    "alpha": 1,
    "cssValue": "color(srgb 0.152941 0.290588 0.248235)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Request demo",
        "top": 602,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#151515",
    "alpha": 0.8,
    "cssValue": "oklab(0.195734 0.00000893325 0.0000039041 / 0.8)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 5802,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFFFFF",
    "alpha": 0.12156862745098039,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.12)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 4973,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#0A0A0A",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(12, 10, 9, 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2488,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#FFFFFF",
    "alpha": 0.14901960784313725,
    "cssValue": "color(srgb 1 1 1 / 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 611,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#53A7D2",
    "alpha": 1,
    "cssValue": "rgb(83, 167, 210)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2625,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#1D7559",
    "alpha": 1,
    "cssValue": "rgb(29, 117, 89)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2625,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#3C667E",
    "alpha": 1,
    "cssValue": "rgb(60, 102, 126)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2625,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#9E788F",
    "alpha": 1,
    "cssValue": "rgb(158, 120, 143)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2625,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#A8A29E",
    "alpha": 1,
    "cssValue": "rgb(168, 162, 158)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2261,
        "property": "svg-stroke"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical rhythm with large amounts of padding between distinct sections, creating a slow, deliberate scrolling experience.
- Corner style: Mostly squared or very subtly rounded for larger containers, contrasting with fully rounded pill shapes for interactive elements.
- Radius: Buttons feature a high border-radius (pill shape). Product mockups and UI elements inside them have soft, medium radii.
- Borders: Borders are rarely used for primary division, relying instead on background color contrast or subtle 1px light gray borders where necessary.
- Buttons: Pill-shaped containers, often with a semi-transparent or solid fill, accompanied by a small right-pointing arrow to indicate action.
- Content width: Content is generally centered within a comfortable max-width, maintaining readable line lengths even on large desktop viewports.
- Density: Low density. The design is airy and uncluttered, giving each text block and image room to breathe.
- Evidence: Observed in visual crops: large spaces between the hero and logo strip, pill buttons ('Request demo', 'Play video'), and the stark contrast of the deep green hero against white body.

## Sections

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

1. **Hero — Built for Finance Hero** (Home)
   AI suggestion (98% confidence): Complete, substantial opening hero with a distinctive dark patterned backdrop, large finance-focused headline, supporting copy, and a clear demo CTA.
   Capture: 1440×1005px; page bounds 0–1005px of 10929px; source section ID: `be5ec973-3463-4f06-9f5f-2c3cd44fa82d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/ffc09467648692517ab94af48b0a9b4a5a0fadd563b8dfceeb3f1c81235ba78b/be5ec973-3463-4f06-9f5f-2c3cd44fa82d.webp
   SECTION.md v3.2: `be5ec973-3463-4f06-9f5f-2c3cd44fa82d` (deterministic evidence; editorial review pending)
2. **Features — The future of financial work** (Home)
   Reusable feature composition from Home, organized around “The future of financial work”.
   Capture: 1440×2324px; page bounds 1687–4011px of 10929px; source section ID: `20d9760e-8b82-4621-a729-510799e8d77c`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/aa4e05950cbc18b1ba5f9a0cdcc7b6fb580e489e419f46e5ae7329f271ca410d/section_crop-20d9760e-2026-10-08T02-04-06-879Z.webp
   SECTION.md v3.2: `20d9760e-8b82-4621-a729-510799e8d77c` (deterministic evidence; editorial review pending)
3. **Features — How firms work with Rogo** (Home)
   Reusable feature composition from Home, organized around “How firms work with Rogo”.
   Capture: 1440×983px; page bounds 6007–6990px of 10929px; source section ID: `0f6bccab-0836-45b2-aa11-add1c6e57805`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/e943c4d7a8aafde5d832cb23877b8cdada6a8155bf0b1933ca3084d890a2d79e/section_crop-0f6bccab-2026-10-08T02-04-09-812Z.webp
   SECTION.md v3.2: `0f6bccab-0836-45b2-aa11-add1c6e57805` (deterministic evidence; editorial review pending)
4. **Features — Security built for institutional finance** (Home)
   Reusable feature composition from Home, organized around “Security built for institutional finance”.
   Capture: 1440×864px; page bounds 7846–8710px of 10929px; source section ID: `18eab58c-1a87-4626-9aff-bf6a90420464`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6fa2ca8233a821b81f75c32c64bad8f15c43222d09897dee255cfe942b6f4080/section_crop-18eab58c-2026-10-08T02-04-11-673Z.webp
   SECTION.md v3.2: `18eab58c-1a87-4626-9aff-bf6a90420464` (deterministic evidence; editorial review pending)
5. **Features — Rogo Features** (Home)
   Reusable feature composition from Home, organized around “Rogo Features”.
   Capture: 1440×616px; page bounds 9547–10163px of 10929px; source section ID: `aff50e5f-0d8e-409e-9bac-69ac0c35c099`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/79b782ec2d7ba3d6f125fa4a6dfbbcab4153a6123a44f7bb56972dc77a6bffd2/section_crop-aff50e5f-2026-10-08T02-04-13-465Z.webp
   SECTION.md v3.2: `aff50e5f-0d8e-409e-9bac-69ac0c35c099` (deterministic evidence; editorial review pending)
6. **Footer — Rogo Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Rogo Footer”.
   Capture: 1440×765px; page bounds 10163–10928px of 10929px; source section ID: `00601ff8-88e9-4362-98bf-d91a3eabffb3`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/49040ffd35fbc0bc4ea4402a8e929e76c1416e5211f192d0c14330e17f0a55bd/section_crop-00601ff8-2026-10-08T02-04-14-366Z.webp
   SECTION.md v3.2: `00601ff8-88e9-4362-98bf-d91a3eabffb3` (deterministic evidence; editorial review pending)
7. **Logo Cloud — Leading Finance Firms Logo Cloud** (Home)
   AI suggestion (97% confidence): Self-contained trust section with its own heading and a complete three-row collection of recognizable financial-firm logos.
   Capture: 1440×687px; page bounds 1008–1695px of 10929px; source section ID: `f4439991-fb80-4033-ae56-8749c818863d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b2cf7eb39409d7b2ce97b646384b33e10071220b23a274a738e3f376ac8e3633/f4439991-fb80-4033-ae56-8749c818863d.webp
   SECTION.md v3.2: `f4439991-fb80-4033-ae56-8749c818863d` (deterministic evidence; editorial review pending)
8. **Features — Partnership tailored to your firm** (Home)
   AI suggestion (94% confidence): Complete service-focused section with a clear headline, supporting copy, and a large embedded video showing the deployed-banker partnership model; bounded by dividers and useful as a standalone media-led feature reference.
   Capture: 1440×1266px; page bounds 4010–5276px of 10929px; source section ID: `2f136310-2576-4a1b-a0e9-d3a40e35d3f4`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/81018bf9ca9518162bec654d1bdac6aa2ce54220dc069208c3a2d6d9c4e9c828/2f136310-2576-4a1b-a0e9-d3a40e35d3f4.webp
   SECTION.md v3.2: `2f136310-2576-4a1b-a0e9-d3a40e35d3f4` (deterministic evidence; editorial review pending)
9. **Testimonials — Truist executive customer testimonial** (Home)
   AI suggestion (95% confidence): Complete standalone customer quote with attribution and a compact row of recognizable client-brand selectors, bounded by horizontal dividers.
   Capture: 1440×729px; page bounds 5278–6007px of 10929px; source section ID: `e9706f82-f2ef-452a-b816-c8ba79b67897`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/e1c28dff357d80b3773b089523f49eeaeba56170b3db14bb4c74acb69151ca6a/e9706f82-f2ef-452a-b816-c8ba79b67897.webp
   SECTION.md v3.2: `e9706f82-f2ef-452a-b816-c8ba79b67897` (deterministic evidence; editorial review pending)
10. **Stats — Results at enterprise scale** (Home)
   AI suggestion (98% confidence): Complete impact-metrics section with a clear heading and three prominently presented enterprise-scale statistics, ending before the next dark security section.
   Capture: 1440×846px; page bounds 7003–7849px of 10929px; source section ID: `12457992-186f-4238-a178-fe0073cb79b8`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2c5a78eb10ddd7fc7fe0206da6e09bfd877ca233f8330f68f7176b20faec0022/12457992-186f-4238-a178-fe0073cb79b8.webp
   SECTION.md v3.2: `12457992-186f-4238-a178-fe0073cb79b8` (deterministic evidence; editorial review pending)
11. **Editorial — From the Newsroom** (Home)
   AI suggestion (94% confidence): Self-contained press and editorial section with its heading and a complete three-card row featuring publication brands, article titles, and links.
   Capture: 1440×675px; page bounds 8862–9537px of 10929px; source section ID: `925bdbc1-5599-4fcd-8338-105a0e5279fb`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6c9ae973b26455a70deb072afde0bb903de0f6aafd536650a7f1ce4e06c8138e/925bdbc1-5599-4fcd-8338-105a0e5279fb.webp
   SECTION.md v3.2: `925bdbc1-5599-4fcd-8338-105a0e5279fb` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/7aecfd5412a862fe9a448a498e50f5dc0435136bf3b10e8897cf04d53bf023b2/desktop_full-a23ba26b-2026-10-08T02-03-55-884Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/95f7274bf850c21b4528ffc94accf19cef44f3f62140ccb924cdf20de2c800c5/mobile_full-a23ba26b-2026-10-08T02-04-46-877Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/8234204539a09de37bb5d1571ff71a7f6af7ea92b71fb8718ce8e79af2685c81/og_image-a23ba26b-2026-10-08T02-04-04-029Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f29ea4ce3ded00e20e735a8804ff1bc753b3058c3d0f632a2691882f111fa9fe/motion-1791426633699.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/a91d2db313f43bd97e971af530c02479dfe4a116eabfe9261582a9df3dd49923/motion-poster-1791426633699.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

- Footer
- Sticky Scroll Storytelling
- Pill Button With Arrow
- Hero
- Logo Strip
- Split Hero
- Product UI
- Video Frame
- Testimonial Card
- Stat Block
- Editorial Card
- Primary Button

## Quality rubric

Overall: 53.85/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Rogo's site is a well-executed instance of the now-standard funded-AI-startup marketing template: a restrained green/white palette, a confident serif/sans type pairing, and tidy sticky-scroll storytelling applied to genuinely product-specific screenshots. Execution is clean and consistent across sections, but virtually every component—hero, logo strip, sticky feature scroll, stat counters, testimonial, press cards, oversized wordmark footer—is a direct reproduction of a widely recognized formula, so the system reads as competent craft rather than a distinctive design statement.

- Typography (15%): 66 — A deliberate high-contrast pairing of an optical serif (Arizona Mix) for display/heading moments against a clean grotesque (Diatype) for body and UI labels, executed with careful tightening of letter-spacing at large sizes (e.g. -11.2px at 160px) and a coherent size ladder down to 10px micro-labels. The hierarchy is legible and consistent across sections, but the serif/sans split-personality pairing for fintech/AI landing pages is now a well-worn formula, limiting this to solid craft rather than a distinctive typographic voice.
- Color (10%): 60 — A tightly restrained two-register palette—deep institutional green (#0F362A) against white/near-black text, with warm neutral grays for secondary UI chrome—reads as deliberate and appropriate for the institutional-finance audience. The palette is coherent and low-risk rather than inventive; the accent green is the only real color decision carried through hero, security, and footer sections.
- Layout (20%): 60 — Generous vertical rhythm, a sticky-scroll feature section, stat blocks, testimonial, logo grids, and a footer with oversized wordmark are assembled cleanly and consistently, with comfortable max-widths and low density throughout. However, this exact macro-structure (hero → logo strip → sticky feature scroll → video testimonial → stat block → security → press cards → big-wordmark footer) is now a recognizable template shape common across funded AI/SaaS marketing sites, so while execution is tidy, the structural thinking is not distinctive.
- Motion (20%): 55 — Motion consists entirely of now-common scroll-triggered patterns: fade/slide-up entrances, staggered card reveals, counter increments, and a sticky-image crossfade tied to active text block, confirmed to work in both scroll directions. These are competently implemented and functional but are standard-issue scroll-reveal choreography seen across many marketing sites; no evidence of distinctive timing, custom easing signatures, or interactions beyond the conventional toolkit.
- Originality (25%): 35 — Every major component—dark-green hero with pill CTA, logo-trust strip, sticky scroll feature narrative, stat block with incrementing numbers, testimonial-plus-logos block, press card row, and an oversized translucent wordmark footer—is a direct reproduction of the now-ubiquitous funded-AI-startup marketing template. Nothing in the system (not the serif/sans pairing, not the sticky-scroll mechanic, not the pill-button-with-arrow) constitutes a hard-to-substitute idea; this is skilled application of an existing, widely recognized formula rather than a novel contribution.
- Content (10%): 62 — Product mockups are specific to Rogo's actual workflows (LBO model review, people/company/deal search, project credit usage) rather than generic stock imagery, and the testimonial/stat content is attributed to named, verifiable clients (Truist, Baird, Nomura). This gives the content a reasonable degree of product-specific integration, though the surrounding UI chrome (Inter-based mockup labels) is styled distinctly from the marketing type system, creating a slight visual seam between 'product screenshot' and 'marketing page.'

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 dark green textured hero with a large serif headline sets a serious, institutional mood, while a quiet grey logo row of banks builds trust before any pitch. Product screens sit in plain light panels next to short feature labels, and big stat numbers and security badges near the bottom give scanning visitors quick proof of scale.

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