Revenue infrastructure companies all look like developer tools. And developer tools all look like each other — a dark hero, a code snippet, a blue-to-violet gradient, and the word "developers" three times above the fold. The Cortex Merchant of Record website kit was built from a single refusal: not to look like any of them. The result is a fintech landing page that reads like a financial institution rather than a startup, and argues for an enterprise price before a word of copy is read.
The Core Positioning Decision
The kit starts from an observation about the revenue infrastructure category: a company charging enterprise contract values for merchant-of-record billing and global tax compliance looks, online, exactly like a weekend side-project with a Stripe wrapper. The design language of the entire sector has converged on one template, which means the website quietly argues the buyer down to a self-serve price before a salesperson ever speaks.
The Cortex kit makes the enterprise argument visually — in the first screen, before a claim is made. Pure white instead of a glowing dark hero. Editorial serif headlines instead of geometric sans. A single royal blue accent held with absolute discipline across all 11 sections. The effect is the visual language of print finance — a ledger, a prospectus, an audited document — rather than the visual language of developer tooling. It makes the CFO feel at home before the VP of Engineering even opens the docs tab.
What the Kit Contains: 11 Sections, One File
The Cortex kit is a single HTML file of 2,159 lines — one continuous landing page with 11 sections, no build step, no framework. The sections are not arbitrary; they are a linearised enterprise sales argument. Each section earns the next:
- Hero — a serif headline on white, a live badge counting $24B+ in annual GMV processed. Scale asserted in the first second.
- Statistics Band — four figures that count up on scroll: $24B GMV, 98% uptime SLA, 190+ countries, 4,200+ enterprise customers.
- Sticky-Scroll Platform Stack — the signature interaction. Four product layers (billing, tax, analytics, checkout) revealed one at a time as the visitor scrolls.
- Feature Blocks — Subscriptions — deep on subscription billing flexibility, illustrated with a live SVG dashboard.
- Feature Blocks — Payments — dunning, recovery and multi-method payment infrastructure, with an animated conversion-rate mockup.
- Filterable Integrations Grid — 36 integrations across 6 categories, searchable in real time, proving the platform slots into an existing stack.
- Testimonials — three named executive voices, led by a CFO on a full-width black featured card.
- Transparent Pricing — three tiers (Starter, Growth, Enterprise) with a monthly/yearly toggle that live-updates prices and surfaces 20% annual savings.
- FAQ Accordion — six questions pre-emptively answered: go-live time, merchant-of-record liability, pricing models, dunning, PCI DSS, migration.
- Final CTA — a low-commitment close: no credit card, live in 14 days, cancel anytime.
- Footer — the full product, company, developer and resources surface, plus newsletter capture.
The Signature Features
Sticky-Scroll Platform Stack (GSAP)
This is the single most memorable interaction in the kit. The platform section pins to the viewport and as the visitor scrolls, four product cards slide up one at a time — each incoming card rising while the outgoing card scales down to 94% and fades to 70% opacity, a deck-of-cards choreography that ties scroll progress directly to comprehension. You cannot skim it. You are walked through billing, tax, analytics and checkout layer by layer, at your own pace, until the platform's full scope has been experienced rather than listed in a grid.
Live Product Mockups — HTML and SVG, Zero Photography
The kit ships no photography at all. Every dashboard shown is drawn in HTML and inline SVG — a real invoice with an animated MRR revenue chart, a multi-country tax compliance board with a remittance bar that fills on activation, a revenue-intelligence panel and a checkout-performance breakdown. The mockups animate when triggered, so they read as live software rather than static decoration. This sidesteps the stock-photo trap that flattens every competitor, keeps the file weightless, and shows the buyer exactly what software they are evaluating.
Animated Statistics — Count Up on Scroll
The four headline figures — $24B+ GMV, 98% uptime, 190+ countries, 4,200+ customers — animate from zero using a requestAnimationFrame count-up driven by an IntersectionObserver. Each number feels tallied rather than printed. Set in the editorial serif at display scale, they read as audited facts. Specificity is the cheapest credibility a B2B site can buy: "recovers 34% more failed payments across 190+ countries" is one sentence that cannot be faked.
Filterable Integrations Grid
36 integrations are rendered from a JavaScript data array, filterable across six categories and searchable in real time. The grid is a live demonstration of fit — a prospect can type the name of their accounting software, CRM or analytics platform and see it appear instantly. It answers the question every engineering team asks before a sales call: "will it slot into what we already run?"
Interactive Pricing Toggle
A monthly/yearly switch live-updates the Starter and Growth prices and surfaces a 20% savings badge when annual is selected. The switch is single-line JavaScript and updates immediately, making the value of annual billing tangible rather than requiring the visitor to calculate it. Enterprise is contact-for-pricing, which is correct commercially and for the positioning — the kit does not let a complex deal get reduced to a number in a grid.
FAQ Accordion — Six Enterprise Objections Pre-Answered
The accordion answers the exact questions a finance-and-engineering buying committee will raise: how fast can we go live (14 days), who holds the tax liability as Merchant of Record, which pricing models does the platform support, how does dunning and failed-payment recovery work, what are the PCI DSS compliance standards, and how does migration from an existing provider work. Each answer uses plain language and specific figures. The accordion uses smooth height animation with single-open logic.
Adaptive Navigation
The fixed navigation bar starts transparent over the hero and gains a blurred, bordered background once the visitor scrolls past the first screen. This keeps the primary "Get started" CTA visible throughout a long scroll without dominating the above-the-fold hero. The behaviour is driven by a scroll listener with a minimal class toggle.
Visual Language: White, Serif, One Blue
The palette is deliberately minimal. Pure white (#FFFFFF) — not off-white, pure white — because white reads as a document, a ledger, an audited surface. Near-black (#111111) for all body text, a warm-neutral black that reads as ink rather than void. Royal blue (#1A56DB) as the single chromatic accent, carrying every eyebrow tag, link, active state and popular-plan highlight. One accent, everywhere, rigorously — the eye always knows where the action is.
Typography uses an editorial serif (Cormorant Garamond, or Georgia as the in-kit fallback) for every headline, statistic and price — the single most important brand decision in the file. Every competitor uses a geometric sans; the serif moves the brand from "developer tool" to "financial institution" in one typeface choice. Inter carries all body copy, UI, navigation and product mockup text at weights 300–700.
Tech Stack: One File, GSAP for the Showpiece
The kit is built on HTML5, hand-written inline CSS, Vanilla JavaScript and GSAP 3.12.5 with ScrollTrigger loaded from CDN. No framework, no npm install, no package.json. The design system lives in a CSS custom-property token block — change the accent on one line and every tag, link, chart bar and badge follows automatically.
GSAP is the kit's one intentional dependency and it earns its place: the sticky-scroll platform stack is the most memorable thing on this landing page, and it would be painful to replicate without it. Everything else — filtering, toggles, accordions, count-ups, scroll reveals — is Vanilla JS. For a marketplace product handed to a client's own developer, that clarity of ownership matters.
The 11-Section Sales Structure
The ordering of sections is not aesthetic — it is a sales argument in sequence. The hero states the promise; the statistics back it with scale; the platform stack proves comprehensiveness; the feature blocks go deep on the two highest-stakes capabilities; integrations answer "will it fit"; testimonials supply peer proof; pricing makes the commitment concrete; the FAQ removes the last objections; the CTA closes. This is the structure of a well-run enterprise sales deck, linearised into a scroll.
The testimonials deliberately sit after the platform stack, not before it. In enterprise infrastructure, a buying committee must believe the platform covers the surface area of their problem before another company's endorsement means anything. Social proof shown before the product is understood reads as decoration. Shown after comprehension, it converts.
Who This Kit Is Built For
The Cortex kit is built for a premium B2B SaaS or fintech business in the billing, subscription management, tax compliance or revenue operations space — targeting a committee of founders, engineering leaders and finance decision-makers at scaling software companies from Series A through IPO. It is specifically designed to win both the engineering validation and the finance sign-off in the same glance.
It is not built for a developer-first, bottom-up product that lives and dies on a dark technical aesthetic and its API docs. It is not built for a consumer or playful brand that needs warmth and illustration. And it is not built for an ultra-exclusive, invitation-only service that wants no pricing published at all.
Related: the Lumière Dental Clinic kit