# Pay — Design Reference
Schema: Design Details DESIGN.md v3.2
Source: https://pay.ethena.fi/
Captured: 2026-11-15
CSS measured: 2026-11-15T07:22:49.853Z at 1440×1000 — https://pay.ethena.fi/
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 premium, dark-themed landing page for a fintech product, featuring cinematic 3D product renders, sophisticated scroll-driven animations, and a sleek, minimal aesthetic. The typography is modern and oversized, utilizing 'Suisse BP Intl' to create strong hierarchies against deep black backgrounds. Subtle glowing gradients and low-opacity borders are used to define cards and sections without cluttering the interface.
## Classification
- Industry: finance
- Site type: Waitlist, Landing
- Business model: Software
- Styles: minimal, typographic, corporate, photographic, dark-mode-native, cinematic, premium-fintech
- Platform: Custom code
- Technology: Next.js
## Typography
- Display: Suisse BP Intl — weight 400; size 68px; line-height 69.4px; tracking -2.4px; Regular (100% role confidence, computed values)
- Heading: Suisse BP Intl — weight 400; size 46.4px; line-height 54.8px; tracking -1.4px; Regular (95% role confidence, computed values)
- Body: Suisse BP Intl — weight 400; size 16px; line-height 26px; tracking normal; Regular (95% role confidence, computed values)
## Functional palette
- Canvas — canvas #000000: color-1: computed rgb(0, 0, 0); AI role: rgb(0, 0, 0) deep black used as the primary background for most sections. (100% role confidence, computed values)
- Text — text #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: rgb(255, 255, 255) pure white used for primary headings and important text. (100% role confidence, computed values)
- Surface — surface #0A0C11: color-8: computed rgb(10, 12, 17); AI role: rgb(10, 12, 17) dark grey/blue used as the background color for elevated feature 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": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "68px",
"lineHeight": "69.4px",
"letterSpacing": "-2.4px",
"traits": "Regular",
"count": 6,
"contexts": [
{
"tag": "span",
"text": "Earn while you gym.",
"top": 2444,
"property": "font"
},
{
"tag": "span",
"text": "gym.",
"top": 2444,
"property": "font"
},
{
"tag": "h2",
"text": "Earn up to 6%on your dollars.Paid daily.",
"top": 3736,
"property": "font"
}
]
},
{
"id": "font-2",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "18px",
"lineHeight": "28px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 4,
"contexts": [
{
"tag": "h3",
"text": "Full ownership",
"top": 11132,
"property": "font"
},
{
"tag": "h3",
"text": "No crypto knowledge? No problem",
"top": 11132,
"property": "font"
},
{
"tag": "h3",
"text": "Social login supported",
"top": 11643,
"property": "font"
}
]
},
{
"id": "font-3",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "17px",
"lineHeight": "25.5px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 4,
"contexts": [
{
"tag": "h3",
"text": "Earn rewards every day automatically.",
"top": 2759,
"property": "font"
},
{
"tag": "h3",
"text": "Best-in-class rewards.",
"top": 2759,
"property": "font"
},
{
"tag": "h3",
"text": "Uncapped.",
"top": 3018,
"property": "font"
}
]
},
{
"id": "font-4",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "46.4px",
"lineHeight": "54.8px",
"letterSpacing": "-1.4px",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "h2",
"text": "Available now in ~50 countrieswith more coming each week.",
"top": 12234,
"property": "font"
},
{
"tag": "span",
"text": "~50",
"top": 12234,
"property": "font"
},
{
"tag": "span",
"text": "with more coming each week.",
"top": 12291,
"property": "font"
}
]
},
{
"id": "font-5",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "17px",
"lineHeight": "23.4px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "h3",
"text": "Send to any Ethena Pay userinstantly, for free.",
"top": 5368,
"property": "font"
},
{
"tag": "h3",
"text": "Transfer to any wallet,or withdraw to a bank.",
"top": 5368,
"property": "font"
},
{
"tag": "h3",
"text": "Track every transfer withinstant notifications.",
"top": 5368,
"property": "font"
}
]
},
{
"id": "font-6",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "14px",
"lineHeight": "20px",
"letterSpacing": "-0.3px",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "span",
"text": "Get the app",
"top": 53,
"property": "font"
},
{
"tag": "h3",
"text": "Ethena Pay",
"top": 14669,
"property": "font"
},
{
"tag": "h3",
"text": "Legal",
"top": 14669,
"property": "font"
}
]
},
{
"id": "font-7",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "72px",
"lineHeight": "75.6px",
"letterSpacing": "-2.9px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "h2",
"text": "Your money,finally working for you.",
"top": 13723,
"property": "font"
}
]
},
{
"id": "font-8",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "68px",
"lineHeight": "70.7px",
"letterSpacing": "-2.4px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "h2",
"text": "Spend anywhere.Earn on every purchase.",
"top": 5984,
"property": "font"
}
]
},
{
"id": "font-9",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "62.4px",
"lineHeight": "65.5px",
"letterSpacing": "-2.2px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "h2",
"text": "The engine behind one of the world’s largest digital dollars.",
"top": 10102,
"property": "font"
}
]
},
{
"id": "font-10",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "56px",
"lineHeight": "59.4px",
"letterSpacing": "-2px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "h2",
"text": "Up to 5% cashback. Earn on your everyday spend.",
"top": 7213,
"property": "font"
}
]
},
{
"id": "font-11",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "56px",
"lineHeight": "57.7px",
"letterSpacing": "-2px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "h2",
"text": "Your money stays yours. Always.",
"top": 10908,
"property": "font"
}
]
},
{
"id": "font-12",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "16px",
"lineHeight": "26px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 16,
"contexts": [
{
"tag": "p",
"text": "To a name, not an address. No borders, no limits, no fees.",
"top": 5171,
"property": "font"
},
{
"tag": "p",
"text": "Generate a virtual card in under a minute and pay wherever Visa works.",
"top": 6157,
"property": "font"
},
{
"tag": "p",
"text": "Up to 5% crypto cashbackon every transaction.",
"top": 6335,
"property": "font"
}
]
},
{
"id": "font-13",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "16px",
"lineHeight": "28.8px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 9,
"contexts": [
{
"tag": "p",
"text": "Your balance earns the prevailing USDe base rate, which we do not set and which moves with market co",
"top": 12997,
"property": "font"
},
{
"tag": "p",
"text": "The Boost applies only to the portion of your balance up to your tier’s Boost Cap. Balance above the",
"top": 13132,
"property": "font"
},
{
"tag": "p",
"text": "Because the Boost is the difference between the two rates, it narrows if the USDe base rate rises an",
"top": 13442,
"property": "font"
}
]
},
{
"id": "font-14",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "14px",
"lineHeight": "22.8px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 8,
"contexts": [
{
"tag": "p",
"text": "in rewards paid to holders",
"top": 10369,
"property": "font"
},
{
"tag": "p",
"text": "in total mint and redeem, with zero loss of user funds",
"top": 10369,
"property": "font"
},
{
"tag": "p",
"text": "ecosystem integrations",
"top": 10369,
"property": "font"
}
]
},
{
"id": "font-15",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "15px",
"lineHeight": "24.4px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 5,
"contexts": [
{
"tag": "p",
"text": "The moment your balance lands, it starts earning. No staking, no locking, no opt-in.",
"top": 2797,
"property": "font"
},
{
"tag": "p",
"text": "Rewards that beat your bank for the best savings account in the world.",
"top": 2797,
"property": "font"
},
{
"tag": "p",
"text": "You earn on your whole eligible balance, not a limited amount your bank decides.",
"top": 3056,
"property": "font"
}
]
},
{
"id": "font-16",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "14px",
"lineHeight": "20px",
"letterSpacing": "-0.3px",
"traits": "Regular",
"count": 5,
"contexts": [
{
"tag": "p",
"text": "Fintech",
"top": 3832,
"property": "font"
},
{
"tag": "p",
"text": "Treasuries",
"top": 3947,
"property": "font"
},
{
"tag": "p",
"text": "Banks",
"top": 4063,
"property": "font"
}
]
},
{
"id": "font-17",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "72px",
"lineHeight": "68.4px",
"letterSpacing": "-2.9px",
"traits": "Regular",
"count": 4,
"contexts": [
{
"tag": "p",
"text": "4.1%",
"top": 7508,
"property": "font"
},
{
"tag": "span",
"text": "4.1",
"top": 7506,
"property": "font"
},
{
"tag": "p",
"text": "5.1%",
"top": 7508,
"property": "font"
}
]
},
{
"id": "font-18",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "60px",
"lineHeight": "60px",
"letterSpacing": "-1.8px",
"traits": "Regular",
"count": 4,
"contexts": [
{
"tag": "p",
"text": "6.0%",
"top": 3708,
"property": "font"
},
{
"tag": "p",
"text": "$750M+",
"top": 10297,
"property": "font"
},
{
"tag": "p",
"text": "$30B+",
"top": 10297,
"property": "font"
}
]
},
{
"id": "font-19",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "31.7px",
"lineHeight": "31.7px",
"letterSpacing": "-1px",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "p",
"text": "3.8%",
"top": 3860,
"property": "font"
},
{
"tag": "p",
"text": "3.5%",
"top": 3975,
"property": "font"
},
{
"tag": "p",
"text": "0.4%",
"top": 4091,
"property": "font"
}
]
},
{
"id": "font-20",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "15px",
"lineHeight": "22.5px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "p",
"text": "01",
"top": 5278,
"property": "font"
},
{
"tag": "p",
"text": "02",
"top": 5278,
"property": "font"
},
{
"tag": "p",
"text": "03",
"top": 5278,
"property": "font"
}
]
},
{
"id": "font-21",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "48px",
"lineHeight": "48px",
"letterSpacing": "-1.4px",
"traits": "Regular",
"count": 2,
"contexts": [
{
"tag": "p",
"text": "5%",
"top": 6267,
"property": "font"
},
{
"tag": "p",
"text": "130M+",
"top": 6267,
"property": "font"
}
]
},
{
"id": "font-22",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "19.2px",
"lineHeight": "24.4px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "Send, save, and spend across borders with nothing but a phone and an internet connection.",
"top": 652,
"property": "font"
}
]
},
{
"id": "font-23",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "18px",
"lineHeight": "29.3px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "Ethena Pay is non-custodial. We’re not a bank, and we never hold your money. You do.",
"top": 10989,
"property": "font"
}
]
},
{
"id": "font-24",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "13px",
"lineHeight": "19.5px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "6% APY",
"top": 2795,
"property": "font"
}
]
},
{
"id": "font-25",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "12px",
"lineHeight": "19.2px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "APY data is based upon weekly data reported by Ethena which assumes no net stake/unstake activity du",
"top": 4073,
"property": "font"
}
]
},
{
"id": "font-26",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "35.3px",
"lineHeight": "35px",
"letterSpacing": "-1.1px",
"traits": "Regular",
"count": 50,
"contexts": [
{
"tag": "span",
"text": "0",
"top": 2718,
"property": "font"
},
{
"tag": "span",
"text": "1",
"top": 2753,
"property": "font"
},
{
"tag": "span",
"text": "2",
"top": 2788,
"property": "font"
}
]
},
{
"id": "font-27",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "15px",
"lineHeight": "27px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 30,
"contexts": [
{
"tag": "caption",
"text": "Boost Cap by tier",
"top": 13213,
"property": "font"
},
{
"tag": "td",
"text": "5% per annum",
"top": 13262,
"property": "font"
},
{
"tag": "td",
"text": "Up to $5,000",
"top": 13262,
"property": "font"
}
]
},
{
"id": "font-28",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "21.9px",
"lineHeight": "22px",
"letterSpacing": "-1.1px",
"traits": "Regular",
"count": 20,
"contexts": [
{
"tag": "span",
"text": "0",
"top": 2565,
"property": "font"
},
{
"tag": "span",
"text": "1",
"top": 2587,
"property": "font"
},
{
"tag": "span",
"text": "2",
"top": 2609,
"property": "font"
}
]
},
{
"id": "font-29",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "14px",
"lineHeight": "20px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 11,
"contexts": [
{
"tag": "span",
"text": "Coming soon",
"top": 2950,
"property": "font"
},
{
"tag": "span",
"text": "up to $100 monthly cashback at this rate",
"top": 7592,
"property": "font"
},
{
"tag": "a",
"text": "Home",
"top": 14718,
"property": "font"
}
]
},
{
"id": "font-30",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "24px",
"lineHeight": "32px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 8,
"contexts": [
{
"tag": "span",
"text": "+",
"top": 12875,
"property": "font"
},
{
"tag": "span",
"text": "+",
"top": 12947,
"property": "font"
},
{
"tag": "span",
"text": "+",
"top": 13019,
"property": "font"
}
]
},
{
"id": "font-31",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "18px",
"lineHeight": "24.8px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 8,
"contexts": [
{
"tag": "span",
"text": "Is Ethena Pay a bank?",
"top": 12879,
"property": "font"
},
{
"tag": "span",
"text": "What is the Daily Boost, and what do I actually earn?",
"top": 12951,
"property": "font"
},
{
"tag": "span",
"text": "How does cashback work?",
"top": 13023,
"property": "font"
}
]
},
{
"id": "font-32",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "15px",
"lineHeight": "27px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 6,
"contexts": [
{
"tag": "th",
"text": "Standard",
"top": 13262,
"property": "font"
},
{
"tag": "th",
"text": "Pro",
"top": 13314,
"property": "font"
},
{
"tag": "th",
"text": "VIP",
"top": 13366,
"property": "font"
}
]
},
{
"id": "font-33",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "13px",
"lineHeight": "23.4px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 6,
"contexts": [
{
"tag": "th",
"text": "Tier",
"top": 13214,
"property": "font"
},
{
"tag": "th",
"text": "Rate on balance up to the cap",
"top": 13214,
"property": "font"
},
{
"tag": "th",
"text": "Boost Cap (Eligible Balance)",
"top": 13214,
"property": "font"
}
]
},
{
"id": "font-34",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "12px",
"lineHeight": "19.5px",
"letterSpacing": "normal",
"traits": "Regular",
"count": 6,
"contexts": [
{
"tag": "span",
"text": "© 2026 Ethena Pay Ltd. All rights reserved. Ethena Pay Ltd. is a private limited company incorporate",
"top": 14716,
"property": "font"
},
{
"tag": "span",
"text": "The Ethena Pay Card is issued by a card issuer under license from the card network and is accepted w",
"top": 14814,
"property": "font"
},
{
"tag": "span",
"text": "Digital assets, including stablecoins, USDe and AVAX, involve substantial risk and could lose value,",
"top": 14971,
"property": "font"
}
]
},
{
"id": "font-35",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "64px",
"lineHeight": "71.7px",
"letterSpacing": "-2.6px",
"traits": "Regular",
"count": 2,
"contexts": [
{
"tag": "span",
"text": "The Internet",
"top": 557,
"property": "font"
},
{
"tag": "span",
"text": "Money App",
"top": 557,
"property": "font"
}
]
},
{
"id": "font-36",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "35.3px",
"lineHeight": "35.3px",
"letterSpacing": "-1.1px",
"traits": "Regular",
"count": 2,
"contexts": [
{
"tag": "span",
"text": "$",
"top": 2753,
"property": "font"
},
{
"tag": "span",
"text": ",",
"top": 2753,
"property": "font"
}
]
},
{
"id": "font-37",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "500",
"size": "16.8px",
"lineHeight": "24px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 2,
"contexts": [
{
"tag": "span",
"text": "Get the app",
"top": 747,
"property": "font"
},
{
"tag": "span",
"text": "Get the app",
"top": 12398,
"property": "font"
}
]
},
{
"id": "font-38",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "21.9px",
"lineHeight": "21.9px",
"letterSpacing": "-1.1px",
"traits": "Regular",
"count": 1,
"contexts": [
{
"tag": "span",
"text": ".",
"top": 2763,
"property": "font"
}
]
},
{
"id": "font-39",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "16px",
"lineHeight": "28.8px",
"letterSpacing": "normal",
"traits": "italic",
"count": 1,
"contexts": [
{
"tag": "em",
"text": "total",
"top": 13061,
"property": "font"
}
]
},
{
"id": "font-40",
"family": "Suisse BP Intl",
"fontStack": "\"Suisse BP Int'l\", \"Suisse BP Intl\", \"Suisse Intl\", SuisseIntl, ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
"weight": "400",
"size": "15px",
"lineHeight": "22.5px",
"letterSpacing": "-0.4px",
"traits": "Regular",
"count": 3,
"contexts": [
{
"tag": "button",
"text": "Standard",
"top": 7772,
"property": "font"
},
{
"tag": "button",
"text": "Pro",
"top": 7772,
"property": "font"
},
{
"tag": "button",
"text": "VIP",
"top": 7772,
"property": "font"
}
]
}
]
```
### Color configurations
```json
[
{
"id": "color-1",
"hex": "#000000",
"alpha": 1,
"cssValue": "rgb(0, 0, 0)",
"count": 387,
"contexts": [
{
"tag": "header",
"text": "![\"\"](\"/header/globe-beam.webp\")
The Internet Mon",
"top": 0,
"property": "background"
},
{
"tag": "div",
"text": "The Internet Mon",
"top": 0,
"property": "background"
},
{
"tag": "section",
"text": "Earn up to 6%on your dollars.Paid daily.Earn more than any savings account without caps on your whol",
"top": 3368,
"property": "background"
}
]
},
{
"id": "color-2",
"hex": "#05070B",
"alpha": 1,
"cssValue": "rgb(5, 7, 11)",
"count": 3,
"contexts": [
{
"tag": "body",
"text": "{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://pay.ethena.fi/#org",
"top": 0,
"property": "background"
},
{
"tag": "section",
"text": "Spend anywhere.Earn on every purchase.Generate a virtual card in under a minute and pay wherever Vis",
"top": 5824,
"property": "background"
}
]
},
{
"id": "color-3",
"hex": "#FFFFFF",
"alpha": 1,
"cssValue": "rgb(255, 255, 255)",
"count": 603,
"contexts": [
{
"tag": "span",
"text": "Get the app",
"top": 53,
"property": "text"
},
{
"tag": "section",
"text": "Earn while you sleep.Earn while you hold.Earn while you eat.Earn while you gym.Earn while you see fr",
"top": 2300,
"property": "background"
},
{
"tag": "h2",
"text": "Earn up to 6%on your dollars.Paid daily.",
"top": 3736,
"property": "text"
}
]
},
{
"id": "color-4",
"hex": "#F3F5F9",
"alpha": 1,
"cssValue": "rgb(243, 245, 249)",
"count": 1,
"contexts": [
{
"tag": "section",
"text": "The engine behind one of the world’s largest digital dollars.$750M+in rewards paid to holders$30B+in",
"top": 9814,
"property": "background"
}
]
},
{
"id": "color-5",
"hex": "#EEF2FA",
"alpha": 1,
"cssValue": "rgb(238, 242, 250)",
"count": 121,
"contexts": [
{
"tag": "path",
"text": "",
"top": 56,
"property": "svg-fill"
},
{
"tag": "span",
"text": "$",
"top": 2753,
"property": "text"
},
{
"tag": "h2",
"text": "Send money anywhere,in seconds, for free.",
"top": 5000,
"property": "text"
}
]
},
{
"id": "color-6",
"hex": "#FFFFFF",
"alpha": 0.7215686274509804,
"cssValue": "rgba(255, 255, 255, 0.72)",
"count": 43,
"contexts": [
{
"tag": "p",
"text": "Your balance earns the prevailing USDe base rate, which we do not set and which moves with market co",
"top": 12997,
"property": "text"
},
{
"tag": "em",
"text": "total",
"top": 13061,
"property": "text"
},
{
"tag": "caption",
"text": "Boost Cap by tier",
"top": 13213,
"property": "text"
}
]
},
{
"id": "color-7",
"hex": "#BBCCEE",
"alpha": 0.058823529411764705,
"cssValue": "rgba(182, 205, 240, 0.06)",
"count": 9,
"contexts": [
{
"tag": "div",
"text": "01Send to any Ethena Pay userinstantly, for free.",
"top": 5277,
"property": "background"
}
]
},
{
"id": "color-8",
"hex": "#0A0C11",
"alpha": 1,
"cssValue": "rgb(10, 12, 17)",
"count": 27,
"contexts": [
{
"tag": "span",
"text": "Earn while you gym.",
"top": 2444,
"property": "text"
},
{
"tag": "h3",
"text": "Earn rewards every day automatically.",
"top": 2759,
"property": "text"
},
{
"tag": "p",
"text": "The moment your balance lands, it starts earning. No staking, no locking, no opt-in.",
"top": 2797,
"property": "text"
}
]
},
{
"id": "color-9",
"hex": "#FFFFFF",
"alpha": 0.6980392156862745,
"cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
"count": 4,
"contexts": [
{
"tag": "p",
"text": "Earn more than any savings account without caps on your whole balance, with nothing to switch on or ",
"top": 3984,
"property": "text"
}
]
},
{
"id": "color-10",
"hex": "#FFFFFF",
"alpha": 0.8,
"cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.8)",
"count": 3,
"contexts": [
{
"tag": "p",
"text": "Send, save, and spend across borders with nothing but a phone and an internet connection.",
"top": 652,
"property": "text"
}
]
},
{
"id": "color-11",
"hex": "#262A33",
"alpha": 1,
"cssValue": "rgb(38, 42, 51)",
"count": 2,
"contexts": [
{
"tag": "div",
"text": "",
"top": 738,
"property": "background"
}
]
},
{
"id": "color-12",
"hex": "#FFFFFF",
"alpha": 0.2980392156862745,
"cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.3)",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "APY data is based upon weekly data reported by Ethena which assumes no net stake/unstake activity du",
"top": 4073,
"property": "text"
}
]
},
{
"id": "color-13",
"hex": "#FFFFFF",
"alpha": 0.6,
"cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.6)",
"count": 2,
"contexts": [
{
"tag": "p",
"text": "02",
"top": 5278,
"property": "text"
}
]
},
{
"id": "color-14",
"hex": "#FFFFFF",
"alpha": 0.5490196078431373,
"cssValue": "rgba(255, 255, 255, 0.55)",
"count": 6,
"contexts": [
{
"tag": "th",
"text": "Tier",
"top": 13214,
"property": "text"
}
]
},
{
"id": "color-15",
"hex": "#FFFFFF",
"alpha": 0.45098039215686275,
"cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.45)",
"count": 4,
"contexts": [
{
"tag": "p",
"text": "Fintech",
"top": 3832,
"property": "text"
},
{
"tag": "span",
"text": "Google Pay available soon.",
"top": 6366,
"property": "text"
}
]
},
{
"id": "color-16",
"hex": "#B6CDF0",
"alpha": 1,
"cssValue": "rgb(182, 205, 240)",
"count": 19,
"contexts": [
{
"tag": "p",
"text": "01",
"top": 5278,
"property": "text"
},
{
"tag": "g",
"text": "",
"top": 5320,
"property": "svg-fill"
},
{
"tag": "path",
"text": "",
"top": 5320,
"property": "svg-fill"
}
]
},
{
"id": "color-17",
"hex": "#ADCEFF",
"alpha": 1,
"cssValue": "rgb(173, 206, 255)",
"count": 12,
"contexts": [
{
"tag": "path",
"text": "",
"top": 56,
"property": "svg-fill"
},
{
"tag": "p",
"text": "6% APY",
"top": 2795,
"property": "text"
},
{
"tag": "span",
"text": "",
"top": 2802,
"property": "background"
}
]
},
{
"id": "color-18",
"hex": "#FFFFFF",
"alpha": 0.10196078431372549,
"cssValue": "rgba(255, 255, 255, 0.1)",
"count": 360,
"contexts": [
{
"tag": "img",
"text": "",
"top": 12089,
"property": "border"
}
]
},
{
"id": "color-19",
"hex": "#AFCDFF",
"alpha": 0.2,
"cssValue": "rgba(173, 206, 255, 0.2)",
"count": 3,
"contexts": [
{
"tag": "a",
"text": "Get the app",
"top": 41,
"property": "control-background"
}
]
},
{
"id": "color-20",
"hex": "#414141",
"alpha": 1,
"cssValue": "rgb(65, 65, 65)",
"count": 3,
"contexts": [
{
"tag": "a",
"text": "Get the app",
"top": 41,
"property": "::before-background"
}
]
},
{
"id": "color-21",
"hex": "#0A0C11",
"alpha": 0.6,
"cssValue": "color(srgb 0.0392157 0.0470588 0.0666667 / 0.6)",
"count": 1,
"contexts": [
{
"tag": "p",
"text": "Hold and earn in and more, each earning by default.",
"top": 3047,
"property": "text"
}
]
},
{
"id": "color-22",
"hex": "#BACEEB",
"alpha": 0.10196078431372549,
"cssValue": "rgba(182, 205, 240, 0.1)",
"count": 28,
"contexts": [
{
"tag": "div",
"text": "01Send to any Ethena Pay userinstantly, for free.",
"top": 5277,
"property": "border"
}
]
},
{
"id": "color-23",
"hex": "#FFFFFF",
"alpha": 0.058823529411764705,
"cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.06)",
"count": 42,
"contexts": [
{
"tag": "div",
"text": "",
"top": 738,
"property": "border"
},
{
"tag": "th",
"text": "Standard",
"top": 13262,
"property": "border"
},
{
"tag": "td",
"text": "5% per annum",
"top": 13262,
"property": "border"
}
]
},
{
"id": "color-24",
"hex": "#8B93A7",
"alpha": 1,
"cssValue": "rgb(139, 147, 167)",
"count": 21,
"contexts": [
{
"tag": "span",
"text": ".",
"top": 2763,
"property": "text"
}
]
},
{
"id": "color-25",
"hex": "#989FAB",
"alpha": 1,
"cssValue": "rgb(152, 159, 171)",
"count": 149,
"contexts": [
{
"tag": "g",
"text": "",
"top": 5653,
"property": "svg-fill"
},
{
"tag": "path",
"text": "",
"top": 5653,
"property": "svg-fill"
}
]
},
{
"id": "color-26",
"hex": "#000000",
"alpha": 0.058823529411764705,
"cssValue": "oklab(0 0 0 / 0.06)",
"count": 1,
"contexts": [
{
"tag": "span",
"text": "",
"top": 7772,
"property": "background"
}
]
},
{
"id": "color-27",
"hex": "#62666E",
"alpha": 1,
"cssValue": "rgb(98, 102, 110)",
"count": 85,
"contexts": [
{
"tag": "g",
"text": "",
"top": 5660,
"property": "svg-fill"
},
{
"tag": "path",
"text": "",
"top": 5663,
"property": "svg-fill"
}
]
},
{
"id": "color-28",
"hex": "#F2F2F3",
"alpha": 1,
"cssValue": "rgb(242, 242, 243)",
"count": 5,
"contexts": [
{
"tag": "g",
"text": "",
"top": 5632,
"property": "svg-fill"
},
{
"tag": "path",
"text": "",
"top": 5632,
"property": "svg-fill"
}
]
},
{
"id": "color-29",
"hex": "#FFFFFF",
"alpha": 0.12156862745098039,
"cssValue": "rgba(255, 255, 255, 0.12)",
"count": 6,
"contexts": [
{
"tag": "th",
"text": "Tier",
"top": 13214,
"property": "border"
}
]
},
{
"id": "color-30",
"hex": "#F2F2F2",
"alpha": 1,
"cssValue": "rgb(242, 242, 242)",
"count": 3,
"contexts": [
{
"tag": "path",
"text": "",
"top": 5632,
"property": "svg-fill"
}
]
},
{
"id": "color-31",
"hex": "#0A0A14",
"alpha": 0.10196078431372549,
"cssValue": "rgba(10, 12, 17, 0.1)",
"count": 12,
"contexts": [
{
"tag": "span",
"text": "",
"top": 2683,
"property": "border"
}
]
},
{
"id": "color-32",
"hex": "#A0A7B4",
"alpha": 1,
"cssValue": "rgb(160, 167, 180)",
"count": 21,
"contexts": [
{
"tag": "g",
"text": "",
"top": 5529,
"property": "svg-fill"
},
{
"tag": "path",
"text": "",
"top": 5529,
"property": "svg-fill"
}
]
},
{
"id": "color-33",
"hex": "#080810",
"alpha": 0.12156862745098039,
"cssValue": "rgba(10, 12, 17, 0.12)",
"count": 8,
"contexts": [
{
"tag": "span",
"text": "Coming soon",
"top": 2950,
"property": "border"
},
{
"tag": "span",
"text": "",
"top": 10566,
"property": "background"
}
]
},
{
"id": "color-34",
"hex": "#060606",
"alpha": 1,
"cssValue": "rgb(6, 6, 6)",
"count": 1,
"contexts": [
{
"tag": "path",
"text": "",
"top": 5577,
"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 and cinematic. Very large vertical margins between distinct narrative sections, with tighter, consistent padding within bento grids and functional components.
- Corner style: Smooth, moderate radii on feature cards and buttons, contrasting with the starkness of the dark canvas.
- Radius: Buttons and badges appear to use pill shapes (fully rounded), while bento cards use ~16px-24px soft rounded corners.
- Borders: Extremely subtle. Employs 1px low-opacity white (rgba(255, 255, 255, 0.1)) to define edges on dark surfaces without adding visual weight.
- Buttons: Minimalist 'ghost' or soft-fill buttons. CTA uses a subtle grey/blue semi-transparent background with white text and a faint border.
- Content width: Centralized narrative flow. Text blocks are often constrained in width to maintain readability against large, full-bleed visual assets.
- Density: Low density. The layout prioritizes visual impact and breathing room over packing information tightly.
- Evidence: Visual inspection of the bento grid cards, the primary 'Get the app' CTA, and the spacing around the main typography blocks.
## Sections
Gallery section count: 12. Each entry corresponds to one gallery capture.
1. **Hero — Dark hero with phone and globe** (Home)
A phone rising over a planet curve and a single centered headline give a clear focal point, with a QR code for instant download.
Capture: 1440×2000px; page bounds 0–2000px of 13108px; source section ID: `b05a1140-7019-47bc-b0e4-4253d8f53590`; image: https://media.designdetails.io/library/bd133afdbd230ad01162f9cbe54341a6473a8b0dcf74a5814822f7ad27138030/b05a1140-7019-47bc-b0e4-4253d8f53590.webp
SECTION.md v3.2: `b05a1140-7019-47bc-b0e4-4253d8f53590` (deterministic evidence; editorial review pending)
2. **Features — Phone screen with four benefit callouts** (Home)
A central app screen flanked by short benefit blurbs ties each reward claim to the real interface, and the rotating headline keeps attention.
Capture: 1440×1068px; page bounds 2000–3068px of 13108px; source section ID: `f94da567-e31e-4137-ae1a-d610e3900619`; image: https://media.designdetails.io/library/22e88100dd8d0927e731ccb81f26e501a8bde42bc993c6b4439374f678734503/f94da567-e31e-4137-ae1a-d610e3900619.webp
SECTION.md v3.2: `f94da567-e31e-4137-ae1a-d610e3900619` (deterministic evidence; editorial review pending)
3. **Stats — Rate comparison bars beside headline** (Home)
Horizontal bars scaled to each rate make the 6% figure dominate against lower alternatives, so the advantage reads at a glance.
Capture: 1440×1083px; page bounds 3068–4151px of 13108px; source section ID: `171f658c-316e-46b1-a06f-643f94976db4`; image: https://media.designdetails.io/library/552af62ffbd9e2cd84b59e8be838fb23f37f4315e995603d30e7e73ac9141130/171f658c-316e-46b1-a06f-643f94976db4.webp
SECTION.md v3.2: `171f658c-316e-46b1-a06f-643f94976db4` (deterministic evidence; editorial review pending)
4. **Process — Three numbered send-money step cards** (Home)
Numbered dark cards, each with a small phone visual, break sending money into three clear steps under one bold headline.
Capture: 1440×1372px; page bounds 4151–5523px of 13108px; source section ID: `72f52ff9-a0b4-4d28-bb70-69de3749939a`; image: https://media.designdetails.io/library/b66e5cfbe0df8cd2667085c54c22a668acaf618b36df64e5aff45f6427511b3e/72f52ff9-a0b4-4d28-bb70-69de3749939a.webp
SECTION.md v3.2: `72f52ff9-a0b4-4d28-bb70-69de3749939a` (deterministic evidence; editorial review pending)
5. **Features — Card showcase with three key figures** (Home)
Large figures with small captions sit above a floating card render, so the main spending benefits are scannable before the product image.
Capture: 1440×1191px; page bounds 5523–6714px of 13108px; source section ID: `6b28514c-8e49-4e08-ad58-bba55ffa7dfd`; image: https://media.designdetails.io/library/eb213c2010fe5f5aa395ab4ae35509731ab658af8da08c2956eb8c5ed5f43f59/6b28514c-8e49-4e08-ad58-bba55ffa7dfd.webp
SECTION.md v3.2: `6b28514c-8e49-4e08-ad58-bba55ffa7dfd` (deterministic evidence; editorial review pending)
6. **Features — Cashback tiers beside card image** (Home)
Big percentages with tier tabs on the left and a large card on the right let visitors explore rewards while seeing the product.
Capture: 1440×1000px; page bounds 6714–7714px of 13108px; source section ID: `40dd728f-60c2-4cb2-81e6-1718a73ed8f1`; image: https://media.designdetails.io/library/4ed27fe8dbc90c8aa2614f942e5e8cc732c5af895f950a8468228b3bf480cf31/40dd728f-60c2-4cb2-81e6-1718a73ed8f1.webp
SECTION.md v3.2: `40dd728f-60c2-4cb2-81e6-1718a73ed8f1` (deterministic evidence; editorial review pending)
7. **Stats — Headline metrics with partner logos** (Home)
Three large figures under a bold claim, followed by a row of muted partner logos, build credibility through scale and association.
Capture: 1440×950px; page bounds 7714–8664px of 13108px; source section ID: `1ddaabaa-e32e-4bf4-b435-38d1cb809201`; image: https://media.designdetails.io/library/1088de1fb04c4b7ce776d8f45ac38c85a13b83ec4b1e5d8149291df397a4802d/1ddaabaa-e32e-4bf4-b435-38d1cb809201.webp
SECTION.md v3.2: `1ddaabaa-e32e-4bf4-b435-38d1cb809201` (deterministic evidence; editorial review pending)
8. **Features — Two-by-two security feature grid** (Home)
Rounded dark cards pair a small UI visual with a short caption, making ownership and login reassurances easy to scan.
Capture: 1440×1158px; page bounds 8664–9822px of 13108px; source section ID: `b3a346ac-6cf9-4ea6-82a9-7221ad013c1c`; image: https://media.designdetails.io/library/78bd9fdf9c52c0bfa351c0351e8694072c3c56f911bbde6484858b29d8f04592/b3a346ac-6cf9-4ea6-82a9-7221ad013c1c.webp
SECTION.md v3.2: `b3a346ac-6cf9-4ea6-82a9-7221ad013c1c` (deterministic evidence; editorial review pending)
9. **CTA — Country flag row with download button** (Home)
A strip of circular flags proves reach visually, and a single button below turns that reassurance into an immediate action.
Capture: 1440×658px; page bounds 9822–10480px of 13108px; source section ID: `4b251d7d-d336-4281-9e8e-4deb38e3bac2`; image: https://media.designdetails.io/library/02467e2e798dca8a36e071a664f214ad09a907f4fa40eeebaf885f75b5ebd2fe/4b251d7d-d336-4281-9e8e-4deb38e3bac2.webp
SECTION.md v3.2: `4b251d7d-d336-4281-9e8e-4deb38e3bac2` (deterministic evidence; editorial review pending)
10. **FAQ — Collapsible question list on dark** (Home)
Slim full-width rows with plus icons keep many questions compact and let visitors open only the answer they need.
Capture: 1440×993px; page bounds 10480–11473px of 13108px; source section ID: `eeea33b1-e1b1-4627-901d-c5a320aef024`; image: https://media.designdetails.io/library/5eb6feffc50e2d25a84ba14f343550cda7e558b9bce5452dd94ec25b9fbe04f0/eeea33b1-e1b1-4627-901d-c5a320aef024.webp
SECTION.md v3.2: `eeea33b1-e1b1-4627-901d-c5a320aef024` (deterministic evidence; editorial review pending)
11. **CTA — Hand holding phone with QR code** (Home)
A photo of a hand holding a phone with an overlaid QR code makes the final download action tangible beneath a short benefit line.
Capture: 1440×1000px; page bounds 11473–12473px of 13108px; source section ID: `1e05f560-923e-47db-b59c-c3eaeeb13634`; image: https://media.designdetails.io/library/0132fb28daf843a9cd21bfb771e1eb1fa58d167032e9feae07379c3ce13856f4/1e05f560-923e-47db-b59c-c3eaeeb13634.webp
SECTION.md v3.2: `1e05f560-923e-47db-b59c-c3eaeeb13634` (deterministic evidence; editorial review pending)
12. **Footer — Footer with links and legal text** (Home)
Two short link columns beside dense small-print disclosures keep navigation findable while the legal text stays subdued in muted grey.
Capture: 1440×635px; page bounds 12473–13108px of 13108px; source section ID: `c2cea365-5ab5-4fa0-afa8-29ad052c9084`; image: https://media.designdetails.io/library/a1099a382b15aa994a9ab72b5c410a890d7084377f88c258ac547f58d8882a23/c2cea365-5ab5-4fa0-afa8-29ad052c9084.webp
SECTION.md v3.2: `c2cea365-5ab5-4fa0-afa8-29ad052c9084` (deterministic evidence; editorial review pending)
## Capture and motion evidence
- Desktop screenshot: https://media.designdetails.io/library/895852d7fb7f8b9f2c34079057e10ca29b8c8ed3ccff1230bdeb8757a5f3575a/desktop_full-f0846da1-2026-11-15T07-22-49-882Z.webp
- Mobile screenshot: https://media.designdetails.io/library/ed185af914984d9aa9d5968841c368ae8237af7176dc4d52a903d3f11f659417/mobile_full-f0846da1-2026-11-15T07-23-42-694Z.webp
- Open Graph image: https://media.designdetails.io/library/0147c6207ed8da429a83583afd02241fcfc4015e9e668704049c70af54ce951d/og_image-f0846da1-2026-11-15T07-22-59-136Z.webp
- Full-page video: https://media.designdetails.io/library/6a98444baf9d79f2a26de5b9180f7f12e4c6e56924ec8057a088a98e383f7a46/motion-1794727708602.mp4
- Video poster: https://media.designdetails.io/library/da061ebe1dea2ee378a098dad6dddc835bd561d5cb43edf1a8c1aec4f0a63db5/motion-poster-1794727708602.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 With Background Imagery
- Feature Card
- FAQ Accordion
- Footer
- Product UI
- Bento Grid
- Sticky Scroll Sections
- Floating Qr Badge
## Quality rubric
Overall: 60.05/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: This is a competently and cinematically executed premium fintech landing page: a controlled single-typeface system, a restrained black/white/pale-blue palette, a well-paced chapter structure, and a multi-moment scroll-driven motion sequence all work together without obvious craft failures. However, nearly every structural and visual choice — the dark-mode 3D hero, bento feature grid, numbered step cards, FAQ accordion, and color-crossfade scroll transitions — is a widely used convention within the premium fintech/crypto-neobank genre, so the site reads as a high-quality execution of a familiar template rather than a design with its own distinct identity. The result sits solidly in 'good' territory: well-built and pleasant to use, but not offering the several hard-to-substitute ideas that would be required to call it exceptional.
- Typography (15%): 69 — A single well-crafted typeface (Suisse BP Intl) is deployed across a wide, disciplined range of sizes (12px to 72px) with consistent tight negative tracking on display sizes (-2.4 to -2.9px) and looser tracking at body sizes, creating a clear hierarchy. Numerals get their own oversized treatment for stat callouts. Execution is clean and controlled but the system itself (big compressed display type over dark/light sections) is a very common premium-fintech convention rather than a distinctive typographic idea.
- Color (10%): 66 — Confident dark-canvas system (pure black #000 and near-black #0A0C11/#05070B) paired with white text and alternating light sections (#F3F5F9, #EEF2FA) to break the narrative into chapters, with a single pale-blue accent (#B6CDF0/#ADCEFF) for highlights, badges and data visualization. Low-opacity white borders (rgba 0.1/0.06) keep card edges nearly invisible against black. This is restrained and legible but the black/white/pale-blue palette is near-identical to many fintech competitors in this space.
- Layout (20%): 65 — A long narrative scroll alternates full-bleed cinematic sections, bento-style feature grids, numbered step cards, a stats band, a pricing/tier table, and a standard FAQ accordion plus footer. Structure is coherent and rhythm between dark and light chapters is well-managed, but each individual pattern (bento grid, numbered 3-step cards, FAQ accordion, logo bar) is a stock SaaS/fintech layout block assembled competently rather than reconceived.
- Motion (20%): 68 — Observed sequence shows a deliberate scroll-driven narrative: hero globe scales into an icon with a background color crossfade, text reveals slide up, a credit card emerges and translates, flag icons scroll horizontally, and a closing image fades in — multiple distinct choreographed moments rather than a single scroll trick repeated. This is a reasonably ambitious system of transitions, though frame quality, easing, and responsiveness are not established by the evidence.
- Originality (25%): 40 — The overall concept — dark-mode 'internet money app' with cinematic 3D phone/card renders, bento feature grids, numbered step cards, pale-blue accent on black, and a standard FAQ/legal footer — closely mirrors a well-established genre of premium fintech and crypto-neobank marketing sites. No single idea here is hard to substitute from a template; it is executed well within a crowded, familiar idiom rather than introducing new interaction, structural, or visual conventions.
- Content (10%): 65 — Dense, information-heavy fintech content (APY comparisons, tiered boost tables, legal/compliance paragraphs, FAQ) is woven into the visual system with consistent typographic scaling down to 12-15px for disclaimers, and stat callouts are given outsized numeral treatment to keep dry data visually engaging. The tiered rate table and legal footer are functional and legible, if visually generic.
Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.
Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.
## Verification checklist
- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles
## Curator notes
A near-black hero with a glowing planet and a floating phone sets a quiet, premium mood before the page drops to white for plain black headlines and simple icon rows. Dark chapter bands return between sections to separate rate charts, phone mockups and card art, so the long scroll reads like distinct steps rather than one wall of text.
## 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.