# Altitude — Design Reference

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

## Design direction

A highly polished, minimal corporate landing page for a fintech platform. The design relies on a stark white canvas, sharp black typography, and a rigid grid system defined by thin, subtle borders. Generous whitespace separates distinct feature modules, which are paired with smooth, detailed UI mockups that animate on scroll. The aesthetic is clean, professional, and heavily typographic, using a single sans-serif typeface across all weights and sizes.

## Classification

- Industry: finance
- Site type: Landing, Blog
- Business model: Software, Agency
- Styles: minimal, corporate, typographic, fintech-clean
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: gtStandard — weight 400; size 56px; line-height 53px; tracking -1.1px; Regular (100% role confidence, computed values)
- Heading: gtStandard — weight 400; size 40px; line-height 38px; tracking -0.8px; Regular (100% role confidence, computed values)
- Body: gtStandard — weight 400; size 16px; line-height 21px; tracking normal; Regular (100% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used as the primary background color for the majority of the page. (100% role confidence, computed values)
- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: Solid black (#000000) used for primary headings, body text, and primary button backgrounds. (100% role confidence, computed values)
- Border — border #E5E5E5: color-30: computed rgb(229, 229, 229); AI role: Light gray (#E5E5E5) used for borders around UI elements and outline buttons. (90% role confidence, computed values)
- Surface — surface #FAFAFA: color-12: computed rgb(250, 250, 250); AI role: Off-white (#FAFAFA) used for subtle background differentiation in certain UI mockup areas. (85% role confidence, computed values)
- Muted Text — muted text #737373: color-27: computed rgb(115, 115, 115); AI role: Gray (#737373) used for secondary text and balances within the UI mockups. (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": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 45,
    "contexts": [
      {
        "tag": "p",
        "text": "USD and EUR business accounts from 200+ countries. Access global payments and FX, corporate cards wi",
        "top": 430,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "open USD and EUR accounts without a US entity.",
        "top": 1170,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "annualized payment volume.",
        "top": 1170,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "23px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Accounts→",
        "top": 1604,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "→",
        "top": 1604,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Payments→",
        "top": 1604,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "Log in",
        "top": 63,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See a demo",
        "top": 63,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Open an account",
        "top": 63,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "38px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "div",
        "text": "Run bill paypaymentscorporate cardsexpensesFXinvoicesbusiness finance from one global business accou",
        "top": 292,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "bill pay",
        "top": 292,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "business finance",
        "top": 291,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "53px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Secure from the ground up.",
        "top": 6305,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Open from anywhere. Operate everywhere.",
        "top": 7713,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "700",
    "size": "32px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Run business finance from one global business account.",
        "top": 291,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "35px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Frequently asked questions",
        "top": 6992,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "31px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h4",
        "text": "INVOICE / RECEIPT",
        "top": 3683,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 34,
    "contexts": [
      {
        "tag": "span",
        "text": "1.",
        "top": 8451,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Footnote 1.",
        "top": 8450,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Altitude is a self-custodial digital asset account (the \"Altitude Account\") provided by Selimor Inve",
        "top": 8451,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "p",
        "text": "At the end of the day, it all lands together, in the same account, under one value. We don’t need to",
        "top": 5725,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Faster and cheaper cross-border settlement isn’t a crypto novelty. It’s real working capital.",
        "top": 5725,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Accounts",
        "top": 8062,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Your account is fully controlled by you. Altitude cannot access or move your funds.",
        "top": 6192,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Set member permissions and approval thresholds for your workspace. Every transaction follows the rul",
        "top": 6347,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Individual accounts are protected by configurable MFA and passkeys, with optional hardware security ",
        "top": 6520,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "22.3px",
    "lineHeight": "21.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "up to 2%% cashback",
        "top": 1105,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "22.2px",
    "lineHeight": "21.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "200++ countries",
        "top": 1105,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "9.8px",
    "lineHeight": "13.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 48,
    "contexts": [
      {
        "tag": "span",
        "text": "ACH",
        "top": 2943,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pix",
        "top": 2943,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SEPA",
        "top": 2943,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "9.4px",
    "lineHeight": "12.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 36,
    "contexts": [
      {
        "tag": "span",
        "text": "GBP",
        "top": 2942,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "EUR",
        "top": 2942,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "BRL",
        "top": 2942,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "14.3px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "INV-00042",
        "top": 4330,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Platform subscription",
        "top": 4330,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "+2",
        "top": 4330,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "8.9px",
    "lineHeight": "11.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 32,
    "contexts": [
      {
        "tag": "span",
        "text": "INV-00043",
        "top": 4082,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sep 29, 2026",
        "top": 4082,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Oct 29, 2026",
        "top": 4082,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "12.9px",
    "lineHeight": "22.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "span",
        "text": "Main",
        "top": 2181,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$412,860.00",
        "top": 2181,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Operating",
        "top": 2210,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "14.3px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "Northstar Labs",
        "top": 4330,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$4,251.55",
        "top": 4330,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Remind",
        "top": 4330,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "25px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "div",
        "text": "Amazon Web Services, Inc.410 Terry Avenue North, Seattle, WA 98109aws-billing@amazon.com",
        "top": 3662,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AWS-2026-07-30418",
        "top": 3693,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "July 1, 2026",
        "top": 3698,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "normal",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Oct 2, 2026",
        "top": 2940,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Atlas Cloud Hosting",
        "top": 2931,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$12,880.00",
        "top": 2940,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "11.7px",
    "lineHeight": "13px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Beneficiary",
        "top": 2455,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Aranda S.A.S.",
        "top": 2455,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "BIC",
        "top": 2478,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "600",
    "size": "8.1px",
    "lineHeight": "11.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "INVOICE NO",
        "top": 4068,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "ISSUED",
        "top": 4068,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "DUE DATE",
        "top": 4068,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "9.5px",
    "lineHeight": "13.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "span",
        "text": "Anthropic",
        "top": 547,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "−$1,680.00",
        "top": 547,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Harbor Logistics Pte",
        "top": 577,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "600",
    "size": "25px",
    "lineHeight": "34px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "b",
        "text": "Invoice #:",
        "top": 3692,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Date:",
        "top": 3697,
        "property": "font"
      },
      {
        "tag": "b",
        "text": "Period:",
        "top": 3702,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "16.4px",
    "lineHeight": "21.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Ahrefs",
        "top": 3578,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$129.00",
        "top": 3589,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AWS",
        "top": 3578,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "+2%%",
        "top": 3575,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2%",
        "top": 3574,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "%",
        "top": 3575,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "14.2px",
    "lineHeight": "21.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Marketing",
        "top": 3599,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "•••• 9012",
        "top": 3599,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Cloud",
        "top": 3599,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Open an account",
        "top": 573,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Explore accounts",
        "top": 2566,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Explore payments",
        "top": 3204,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "Free tools",
        "top": 8345,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Currency converter",
        "top": 8345,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "IBAN checker",
        "top": 8345,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "10.8px",
    "lineHeight": "16.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Search",
        "top": 250,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Inbox",
        "top": 313,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Accounts",
        "top": 338,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "23px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "What is Altitude?",
        "top": 6984,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Where are my funds held?",
        "top": 7055,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Where is Altitude available?",
        "top": 7126,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "600",
    "size": "12.4px",
    "lineHeight": "16.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "N",
        "top": 4330,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "H",
        "top": 4272,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "A",
        "top": 4213,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "12.4px",
    "lineHeight": "14.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Paid",
        "top": 4331,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Paid",
        "top": 4277,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Paid",
        "top": 4218,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "9.5px",
    "lineHeight": "13.6px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Engineering card ••5510",
        "top": 547,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Developer subscriptions",
        "top": 547,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "To Main Account",
        "top": 577,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "7.8px",
    "lineHeight": "10.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "51%",
        "top": 288,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "9%",
        "top": 322,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "30%",
        "top": 355,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "12.2px",
    "lineHeight": "16.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "CLOUD-2026-05 · atlas-cloud-hosting.pdf",
        "top": 2950,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "HARBOR-221 · harbor-logistics-apac.pdf",
        "top": 3013,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "INV-2026-041 · northstar-invoice.pdf",
        "top": 3076,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "500",
    "size": "12.2px",
    "lineHeight": "14.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Needs review",
        "top": 2936,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Pending approval",
        "top": 3000,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Approved",
        "top": 3063,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "51.8px",
    "lineHeight": "49.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "200+",
        "top": 1104,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "+",
        "top": 1099,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$1.5B",
        "top": 1104,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "gtStandard",
    "fontStack": "gtStandard, \"gtStandard Fallback\", sans-serif",
    "weight": "400",
    "size": "16.4px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Olivia M.",
        "top": 3590,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Michael B.",
        "top": 3590,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Samantha L.",
        "top": 3590,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 184,
    "contexts": [
      {
        "tag": "body",
        "text": "setTimeout(function(){var d=document.documentElement;if(!d.hasAttribute(\"data-reveal-live\")){documen",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Local payments are here. Pay like a local from your Altitude balance in the UK, Mexico, Brazil, and ",
        "top": 12,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Run business finance from one global business account.Run bill paypaymentscorporate cardsexpensesFXi",
        "top": 40,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 507,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Local payments are here. Pay like a local from your Altitude balance in the UK, Mexico, Brazil, and ",
        "top": 0,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "Product",
        "top": 65,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F6FAFC",
    "alpha": 1,
    "cssValue": "rgb(246, 250, 252)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Aranda, Inc.Main$412,860.00Operating$96,140.25Marketing€18,240.00+2View all accounts$24,118.40Aranda",
        "top": 2086,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#8DCAEC",
    "alpha": 1,
    "cssValue": "rgb(141, 202, 236)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 40,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#94D1F4",
    "alpha": 1,
    "cssValue": "rgb(148, 209, 244)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Aranda, Inc.$426,090.57SearchDashboardInbox12AccountsTransactionsCardsPaymentsInvoicesBillsMatt Sull",
        "top": 40,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#DFE5EA",
    "alpha": 1,
    "cssValue": "rgb(223, 229, 234)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "Open from anywhere. Operate everywhere.Open an accountSee a demo",
        "top": 7585,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FCFCFC",
    "alpha": 1,
    "cssValue": "rgb(252, 252, 252)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Welcome, MattTotal balance$426,090.57PayDepositTransferMexico payroll funding needs your approvalHub",
        "top": 193,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#000000",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(0, 0, 0, 0.06)",
    "count": 19,
    "contexts": [
      {
        "tag": "ul",
        "text": "200++ countriesopen USD and EUR accounts without a US entity.$1.5B$Bannualized payment volume.up to ",
        "top": 1020,
        "property": "border"
      },
      {
        "tag": "li",
        "text": "200++ countriesopen USD and EUR accounts without a US entity.",
        "top": 1053,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Accounts→ Open USD and EUR accounts from 200+ countries. No US entity required.Payments→ Pay by loca",
        "top": 1555,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#B3B3B3",
    "alpha": 1,
    "cssValue": "rgb(179, 179, 179)",
    "count": 36,
    "contexts": [
      {
        "tag": "a",
        "text": "Currency converter",
        "top": 8345,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Cookie Settings",
        "top": 8779,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "1.",
        "top": 8451,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#404040",
    "alpha": 1,
    "cssValue": "rgb(64, 64, 64)",
    "count": 1,
    "contexts": [
      {
        "tag": "article",
        "text": "Skyrise is a creative agency with a team across Portugal, Thailand, and the US. It takes client paym",
        "top": 5477,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#DD733F",
    "alpha": 1,
    "cssValue": "rgb(221, 115, 63)",
    "count": 1,
    "contexts": [
      {
        "tag": "article",
        "text": "Raposa Coffee uses one dollar-denominated treasury to pay a global team, convert USD to EUR, and sen",
        "top": 5477,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FAFAFA",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 250)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Aranda, Inc.$426,090.57SearchDashboardInbox12AccountsTransactionsCardsPaymentsInvoicesBillsMatt Sull",
        "top": 193,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.0196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.02)",
    "count": 1,
    "contexts": [
      {
        "tag": "header",
        "text": "ProductPaymentsAccountsMulti-entityCardsBill PayInvoicingAccountingRead the cardsannouncementSolutio",
        "top": 40,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "rgba(255, 255, 255, 0.8)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "“",
        "top": 5689,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "At the end of the day, it all lands together, in the same account, under one value. We don’t need to",
        "top": 5725,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#747474",
    "alpha": 1,
    "cssValue": "rgb(116, 116, 116)",
    "count": 33,
    "contexts": [
      {
        "tag": "span",
        "text": "IBAN",
        "top": 2377,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#999999",
    "alpha": 1,
    "cssValue": "rgb(153, 153, 153)",
    "count": 48,
    "contexts": [
      {
        "tag": "span",
        "text": "CLOUD-2026-05 · atlas-cloud-hosting.pdf",
        "top": 2950,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#EFEFEF",
    "alpha": 1,
    "cssValue": "rgb(239, 239, 239)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "awsAmazon Web Services, Inc.410 Terry Avenue North, Seattle, WA 98109aws-billing@amazon.comINVOICE /",
        "top": 3636,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#27A139",
    "alpha": 1,
    "cssValue": "rgb(39, 161, 57)",
    "count": 71,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2514,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "3.5% on your Altitude Earn USD balance.6",
        "top": 2510,
        "property": "text"
      },
      {
        "tag": "sup",
        "text": "6",
        "top": 2511,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#555555",
    "alpha": 1,
    "cssValue": "rgb(85, 85, 85)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "$412,860.00",
        "top": 2181,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#111111",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 17)",
    "count": 31,
    "contexts": [
      {
        "tag": "b",
        "text": "aws",
        "top": 3647,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3656,
        "property": "svg-stroke"
      },
      {
        "tag": "div",
        "text": "Amazon Web Services, Inc.410 Terry Avenue North, Seattle, WA 98109aws-billing@amazon.com",
        "top": 3662,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#E4E1E0",
    "alpha": 1,
    "cssValue": "rgb(228, 225, 224)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4241,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#0D0D0D",
    "alpha": 1,
    "cssValue": "rgb(13, 13, 13)",
    "count": 25,
    "contexts": [
      {
        "tag": "span",
        "text": "Aranda, Inc.",
        "top": 207,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#F3F3F3",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 243)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2178,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 48,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2940,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#B1B1B1",
    "alpha": 1,
    "cssValue": "rgb(177, 177, 177)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 674,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Marketing",
        "top": 3599,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#ECECEC",
    "alpha": 1,
    "cssValue": "rgb(236, 236, 236)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "aranda-bills@bills.altitude.xyz",
        "top": 2826,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#737373",
    "alpha": 1,
    "cssValue": "rgb(115, 115, 115)",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "$426,090.57",
        "top": 220,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#DF8800",
    "alpha": 1,
    "cssValue": "rgb(223, 136, 0)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Needs review",
        "top": 2936,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#FFF8EC",
    "alpha": 1,
    "cssValue": "rgb(255, 248, 236)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Needs review",
        "top": 2936,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#E5E5E5",
    "alpha": 1,
    "cssValue": "rgb(229, 229, 229)",
    "count": 45,
    "contexts": [
      {
        "tag": "div",
        "text": "Aranda, Inc.$426,090.57SearchDashboardInbox12AccountsTransactionsCardsPaymentsInvoicesBillsMatt Sull",
        "top": 193,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Add",
        "top": 256,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#E8E8E8",
    "alpha": 1,
    "cssValue": "rgb(232, 232, 232)",
    "count": 118,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 301,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Main$412,860.00",
        "top": 2178,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#0E0E0E",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(13, 13, 13, 0.5)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Developer subscriptions",
        "top": 547,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#F1FBF1",
    "alpha": 1,
    "cssValue": "rgb(241, 251, 241)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Matched",
        "top": 3650,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#696969",
    "alpha": 1,
    "cssValue": "rgb(105, 105, 105)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "billing@aranda.io",
        "top": 4207,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#F9F9F9",
    "alpha": 1,
    "cssValue": "rgb(249, 249, 249)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Mexico payroll funding",
        "top": 355,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#F18E90",
    "alpha": 1,
    "cssValue": "rgb(241, 142, 144)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3578,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FDFDFD",
    "alpha": 1,
    "cssValue": "rgb(253, 253, 253)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Search",
        "top": 244,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.1)",
    "count": 192,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2940,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#EFF9ED",
    "alpha": 1,
    "cssValue": "rgb(239, 249, 237)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Paid",
        "top": 4328,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#F1F1F1",
    "alpha": 1,
    "cssValue": "rgb(241, 241, 241)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "12",
        "top": 313,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#287C21",
    "alpha": 1,
    "cssValue": "rgb(40, 124, 33)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Paid",
        "top": 4331,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#53B8FF",
    "alpha": 1,
    "cssValue": "rgb(83, 184, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "N",
        "top": 4322,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#FF938B",
    "alpha": 1,
    "cssValue": "rgb(255, 147, 139)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "H",
        "top": 4264,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#D1FFB3",
    "alpha": 1,
    "cssValue": "rgb(209, 255, 179)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2996,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#000000",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(0, 0, 0, 0.08)",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Needs review",
        "top": 2936,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#A7B355",
    "alpha": 1,
    "cssValue": "rgb(167, 179, 85)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 209,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#279D3B",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(39, 161, 57, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Approved",
        "top": 3063,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#171E27",
    "alpha": 1,
    "cssValue": "rgb(23, 30, 39)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3578,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous and highly structured, utilizing distinct horizontal bands and large paddings within feature cards to maintain a clean, uncluttered appearance.
- Corner style: A mix of sharp, straight lines for structural page grids and rounded corners for interactive elements and UI mockups.
- Radius: Buttons are heavily rounded (pill shape). UI mockups and internal cards feature medium-to-large border radii for a softer, modern feel.
- Borders: Thin, subtle borders (e.g., #E5E5E5 or low-opacity black) are used extensively to define grid cells, separate feature blocks, and outline secondary buttons.
- Buttons: Solid black pill buttons for primary actions, providing high contrast against the white canvas. Outline pill buttons with fine borders for secondary actions.
- Content width: Standard wide max-width with large side margins on desktop, keeping content centered and legible.
- Density: Low density overall, focusing on clear typographic hierarchy, ample whitespace, and distinct feature modules rather than cramming information.
- Evidence: Observed via the stark contrast of color-2 on color-1, the pill shapes of the 'Open an account' buttons, and the visible grid lines separating the '200+ countries' and '$1.5B' stat blocks.

## Sections

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

1. **Navbar — Altitude Navbar** (Home)
   A slim announcement strip above a minimal menu keeps navigation light while a dark button and outlined demo link set clear priorities.
   Capture: 1440×104px; page bounds 0–104px of 9075px; source section ID: `add94a58-2857-4f27-a224-34760ff34292`; image: https://media.designdetails.io/library/486c8ce75eec21131e505758f88df9fba55b408570147cc71647d9209a0d930c/add94a58-2857-4f27-a224-34760ff34292.webp
   SECTION.md v3.2: `add94a58-2857-4f27-a224-34760ff34292` (deterministic evidence; editorial review pending)
2. **Hero — Split hero with product screenshot** (Home)
   A large headline and single dark button sit beside a dashboard image on a soft sky backdrop, so the offer and product show together.
   Capture: 1440×884px; page bounds 104–988px of 9075px; source section ID: `69ae23db-08b3-443b-9b8e-aedc9f2fe934`; image: https://media.designdetails.io/library/171e20255dbfee2047bd12fcae02658f96491f9c44647e4c3b6cbff37ee0747b/69ae23db-08b3-443b-9b8e-aedc9f2fe934.webp
   SECTION.md v3.2: `69ae23db-08b3-443b-9b8e-aedc9f2fe934` (deterministic evidence; editorial review pending)
3. **Stats — Three key numbers in columns** (Home)
   Large figures with small captions in evenly divided columns let visitors take in reach, volume and cashback in one glance.
   Capture: 1440×268px; page bounds 988–1256px of 9075px; source section ID: `506d478e-ec78-4e70-87f9-5482d963a672`; image: https://media.designdetails.io/library/bae09a131fa3ec546e2efef395adb35f3c84e0be6b68308044c35c3ebba8cadd/506d478e-ec78-4e70-87f9-5482d963a672.webp
   SECTION.md v3.2: `506d478e-ec78-4e70-87f9-5482d963a672` (deterministic evidence; editorial review pending)
4. **Features — Six-item capability grid with heading** (Home)
   A playful illustration beside the heading leads into a tidy grid of short descriptions, so each product area can be scanned quickly.
   Capture: 1440×765px; page bounds 1256–2021px of 9075px; source section ID: `a8d373b1-0077-4a94-929d-18e2d94bb26e`; image: https://media.designdetails.io/library/b03f2193f706cf10a08b4a1d6796328d6e806a052876b2a85d0b38597a4da3e2/a8d373b1-0077-4a94-929d-18e2d94bb26e.webp
   SECTION.md v3.2: `a8d373b1-0077-4a94-929d-18e2d94bb26e` (deterministic evidence; editorial review pending)
5. **Features — Accounts feature with checklist and visual** (Home)
   A tag, headline and ticked list on the left pair with an account screenshot, making the benefits concrete and easy to verify.
   Capture: 1440×575px; page bounds 2021–2596px of 9075px; source section ID: `29e671a8-eb7d-41a5-a0d7-6044bafeaabf`; image: https://media.designdetails.io/library/3ddcaf34836d1f18a1f829fd64b282a1502f5621d5f06a56a5fdeccdccb6a58f/29e671a8-eb7d-41a5-a0d7-6044bafeaabf.webp
   SECTION.md v3.2: `29e671a8-eb7d-41a5-a0d7-6044bafeaabf` (deterministic evidence; editorial review pending)
6. **Features — Payments feature with bill table image** (Home)
   The mirrored layout puts the product table on the left and a ticked benefit list right, varying rhythm while the savings claim leads.
   Capture: 1440×637px; page bounds 2596–3233px of 9075px; source section ID: `15bf4520-a6fc-4da5-bb10-8d11eb549948`; image: https://media.designdetails.io/library/374509adf563656e7701f7511a377b641108039a33ac039f272e3f7ee02ba4bc/15bf4520-a6fc-4da5-bb10-8d11eb549948.webp
   SECTION.md v3.2: `15bf4520-a6fc-4da5-bb10-8d11eb549948` (deterministic evidence; editorial review pending)
7. **Features — Cards feature with cashback chips** (Home)
   Small green rate chips under the headline summarize the cashback tiers before the checklist, and the card image shows the product itself.
   Capture: 1440×638px; page bounds 3233–3871px of 9075px; source section ID: `ce767629-445e-4653-9dc7-1ab591b94a76`; image: https://media.designdetails.io/library/424ab677cc422423e2469b59789d81f643d67edc2565bc7c30ea6f4508c97229/ce767629-445e-4653-9dc7-1ab591b94a76.webp
   SECTION.md v3.2: `ce767629-445e-4653-9dc7-1ab591b94a76` (deterministic evidence; editorial review pending)
8. **Features — Invoicing feature with invoice preview** (Home)
   An invoice and payment list preview sits beside a short checklist, showing the result of the feature rather than only describing it.
   Capture: 1440×637px; page bounds 3871–4508px of 9075px; source section ID: `6a58e39b-c3fc-4666-848d-7836d2a55f6b`; image: https://media.designdetails.io/library/00047eb01e6c6e0d4b2142ad79bc45e02ede169a5a4ff537276c03c811042639/6a58e39b-c3fc-4666-848d-7836d2a55f6b.webp
   SECTION.md v3.2: `6a58e39b-c3fc-4666-848d-7836d2a55f6b` (deterministic evidence; editorial review pending)
9. **Features — Accounting feature with sync animation** (Home)
   A categorizing transaction card with a connected-sync status illustrates the automation, while the checklist spells out the steps.
   Capture: 1440×638px; page bounds 4508–5146px of 9075px; source section ID: `e6d34d53-d176-4a89-ba38-5b55dff36944`; image: https://media.designdetails.io/library/83fee5c6ff053d147e26c67da278345892bdaa000dbfb58fe7846798d78e056f/e6d34d53-d176-4a89-ba38-5b55dff36944.webp
   SECTION.md v3.2: `e6d34d53-d176-4a89-ba38-5b55dff36944` (deterministic evidence; editorial review pending)
10. **Testimonials — Two customer stories with quotes** (Home)
   Contrasting dark and orange cards pair a short company summary with an overlapping quote, giving each story a distinct and credible identity.
   Capture: 1440×902px; page bounds 5146–6048px of 9075px; source section ID: `d03f1840-2995-4b6a-aa8e-321033e3d579`; image: https://media.designdetails.io/library/e55a01b8d917bfa71bcfa84cff5db42325f534eecadcb273fa7bbe86a5def342/d03f1840-2995-4b6a-aa8e-321033e3d579.webp
   SECTION.md v3.2: `d03f1840-2995-4b6a-aa8e-321033e3d579` (deterministic evidence; editorial review pending)
11. **Features — Security points beside gridded heading** (Home)
   A boxed grid frames the heading while four titled points with short text list the safeguards, which makes trust claims easy to scan.
   Capture: 1440×784px; page bounds 6048–6832px of 9075px; source section ID: `fcef2257-6bf3-4c96-9712-0b56550a885d`; image: https://media.designdetails.io/library/b83cd24ac7eccbe4525400c8e809091137178db7a319fa2ac7e446a0e8a80589/fcef2257-6bf3-4c96-9712-0b56550a885d.webp
   SECTION.md v3.2: `fcef2257-6bf3-4c96-9712-0b56550a885d` (deterministic evidence; editorial review pending)
12. **FAQ — Accordion questions with side heading** (Home)
   A heading and demo button on the left sit beside ruled, collapsible questions, keeping common doubts short and easy to scan.
   Capture: 1440×753px; page bounds 6832–7585px of 9075px; source section ID: `ef2f5e74-a5b9-40e5-994b-8c1e6c37ea7f`; image: https://media.designdetails.io/library/69d19254fdbc05fcde5aa4ef28e61717a725c2d565fa0a58c500ba41f4e0a988/ef2f5e74-a5b9-40e5-994b-8c1e6c37ea7f.webp
   SECTION.md v3.2: `ef2f5e74-a5b9-40e5-994b-8c1e6c37ea7f` (deterministic evidence; editorial review pending)
13. **CTA — Closing banner with two buttons** (Home)
   A two-line headline on a sky background sits next to a filled primary button and an outlined secondary one, offering a clear final choice.
   Capture: 1440×362px; page bounds 7585–7947px of 9075px; source section ID: `36ab4827-1dee-40c4-b1cd-bb2a2c2de015`; image: https://media.designdetails.io/library/fc1859445d80b3bed3264b618a86146569572ce8118203e42171a4fd6ddf8bcf/36ab4827-1dee-40c4-b1cd-bb2a2c2de015.webp
   SECTION.md v3.2: `36ab4827-1dee-40c4-b1cd-bb2a2c2de015` (deterministic evidence; editorial review pending)
14. **Footer — Link columns with legal disclaimers** (Home)
   Grouped link columns, a sign-up button and tool shortcuts sit above small numbered disclaimers, and a stamp strip adds character.
   Capture: 1440×1128px; page bounds 7947–9075px of 9075px; source section ID: `61b20a3e-ba51-4f33-b0f7-2e157dcaba0b`; image: https://media.designdetails.io/library/30b7928c14e4a7c17776e292e4c3c03e8af3c0f4434638fe7c958b042f73982e/61b20a3e-ba51-4f33-b0f7-2e157dcaba0b.webp
   SECTION.md v3.2: `61b20a3e-ba51-4f33-b0f7-2e157dcaba0b` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d8f283df9723f3c4b83169e2b28134ad59774656bb429751fc59bf6b370c3d0d/desktop_full-4a7cdd72-2026-11-03T04-42-17-776Z.webp
- Mobile screenshot: https://media.designdetails.io/library/ae35243a98e22302c39488d13635d0769110d1a6ad72a738cbd82b4a86f8513a/mobile_full-4a7cdd72-2026-11-03T04-43-05-568Z.webp
- Open Graph image: https://media.designdetails.io/library/a07576f4951888d9edff9e4b11696679a630605cf452c17b4d91f57f98e29aeb/og_image-4a7cdd72-2026-11-03T04-42-26-521Z.webp
- Full-page video: https://media.designdetails.io/library/ed3a150c9c8b55771a4d82c55095d9a4164fe17ecb353b2f0589872900e53566/motion-1793683723039.mp4
- Video poster: https://media.designdetails.io/library/f954e49a04f88560f325ed1d52e6807c76e1f77e962ad5e7994b865f5cda927a/motion-poster-1793683723039.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero
- Feature Collection
- Testimonial Card
- FAQ Accordion
- Primary Button
- Outline Button
- Footer
- Grid Lined Feature Sections
- Synchronized UI Mockup Scroll

## Quality rubric

Overall: 53.2/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Altitude's landing page is a well-made but conventional example of the modern fintech-SaaS idiom: a stark black-on-white canvas, hairline-bordered grids, pill buttons, and floating UI mockups that demonstrate each product feature with content tightly matched to copy. Execution is clean and legible — fonts scale sensibly, borders and whitespace create order across a very long page, and the hero's word-cycling ticker paired with a synchronized mockup is a genuinely effective communicative device. But beyond that one moment, the page leans on a repeated reveal-on-scroll pattern across near-identical two-column sections, uses color almost exclusively inside UI mockups rather than as a brand device, and structurally mirrors the now-standard business-banking SaaS template closely enough that Gemini itself names it as a recognized style ('fintech-clean'). The result is a competent, trustworthy execution rather than a distinctive design statement, landing squarely in the middle of the scale rather than among standout work.

- Typography (15%): 60 — A single typeface (gtStandard) is deployed across an unusually wide range of sizes (7.8px micro-labels up to 56px display) with deliberate negative tracking on larger sizes (-1.1px at 56px, -0.8px at 40px) and neutral tracking at body sizes, giving a competent, legible hierarchy. However this is a standard SaaS/fintech type system — one grotesque-style face carrying every role — with no secondary voice, no expressive display treatment beyond scale/weight, and an oddly isolated 700-weight 32px h1 that duplicates the 400-weight 40px hero treatment inconsistently.
- Color (10%): 56 — The palette is a disciplined black-on-white system (color-1 #FFFFFF canvas, color-2 #000000 text/buttons) with light gray borders (#E5E5E5) and muted grays for secondary text (#737373), which is appropriate for a trust-signaling fintech brand. Color appears almost exclusively inside UI mockups (status greens #27A139/#287C21, warning orange #DF8800, a couple of testimonial card backgrounds like #DD733F and #404040) rather than in the core brand system, making the palette functional but conventional and low-risk.
- Layout (20%): 59 — A clear grid-with-borders system (color-8 rgba(0,0,0,0.06) hairlines) structures stat blocks and feature lists, and the alternating text/mockup two-column pattern is applied consistently across six feature sections plus a bordered security grid and FAQ list. This is well-executed but is a very familiar SaaS template (alternating feature rows, stat band, testimonial cards, FAQ accordion, dark footer) without a structural idea distinct to this brand.
- Motion (20%): 56 — Scroll-triggered reveals (slide-up/fade-in of mockups) are paired with a hero word-cycling ticker that drives a synchronized state change in the adjacent product mockup, which is a reasonably effective way to demonstrate multiple product capabilities without extra copy. However, per the observation itself, reverse-scroll behavior is less consistent than forward scroll, and the overall pattern is a common 'intersection-observer reveal' technique rather than a crafted motion system; no evidence of custom easing, staggering logic, or scroll-linked transforms beyond translate/fade is given.
- Originality (25%): 36 — This page closely follows the now-standard 'fintech-clean' template popularized by competitors in the business-banking SaaS space: stark white canvas, black pill buttons, floating soft-shadow UI mockups, hairline-bordered stat grids, dark testimonial cards, and a dark footer with disclaimer numbering. Gemini's own proposedStyles entry ('fintech-clean') and style tags ('minimal', 'corporate', 'typographic') confirm this is executing a well-established genre rather than introducing a distinctive visual idea. The hero ticker+mockup sync is the one notable device, but it is a single moment, not a pervasive original system.
- Content (10%): 66 — The UI mockups are tightly matched to the adjacent copy — invoices, categorization states, card cashback percentages, and multi-currency balances all mirror the specific claims in the text (e.g., 'up to 2% cashback' next to a mockup literally showing '+2%' cashback states, 'QuickBooks connected' badge next to the accounting copy). This purposeful pairing of realistic product data with marketing claims is the strongest aspect of the execution, even though the underlying template pattern is common.

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

## Curator notes

A soft sky photo behind a crisp dashboard mockup gives a dry fintech product warmth, while bold black headlines and roomy white space keep each feature chunk easy to scan. Big plain stats like 200+ countries and $1.5B sit in heavy type next to thin line icons, making the numbers feel like proof rather than decoration.

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