How AI SaaS Companies Design Differently From Fintech (With Real Data)
33 real AI companies and 25 real Fintech companies in our catalog, compared directly — including a dark-mode count that disproves the assumption that AI startups default to dark themes more than fintech does.
TL;DR
- This catalog has 33 AI-category sites and 25 Finance-category sites — real counts, not estimates
- Dark mode is NOT more common in AI: exactly 3 of 33 AI sites and 3 of 25 Finance sites use it — a myth this data doesn't support
- AI sites more often show the model's raw output as hero proof (Krea's AI-generated art, Runway's AI video); Finance sites more often show a hard number instead ($1.8tn, $20B+)
- Finance sites lean harder on physical product photography (a card on a desk) to ground an abstract concept in something tangible — none of the AI sites reviewed show physical hardware
- Category alone doesn't predict visual boldness — Polar (Finance) is starkly monochrome and developer-coded, nearly indistinguishable in mood from an AI infra tool, while Heidi (AI, healthcare) uses a warm editorial palette softer than most fintech sites reviewed
Every number and observation below comes from actually querying this catalog's own category pages and style tags, then opening real screenshots for 14 sites split across AI and Finance — not an outside survey.
The real numbers first
This catalog currently has 33 sites tagged AI and 25 tagged Finance. Cross-referencing both lists against the 50 sites tagged dark mode site-wide gives a real, checkable count: exactly 3 AI sites (Bolt, Krea, Runway) and exactly 3 Finance sites (Mercury, Obsidian, Polar) use a dark theme. As a share of each category that's roughly 9% of AI sites and 12% of Finance sites — close enough that "AI companies default to dark mode" is not a claim this data supports, even though it's a common assumption.
AI sites show the output; Finance sites show the number
Krea's hero is nearly all-black, headlined "Krea.ai is the world's most powerful creative suite," and moves immediately into a horizontal carousel of vividly colorful AI-generated images — a graffiti-style figure, a woman's face, a bear — as its primary proof, alongside chunky stat callouts (22K models, 4K, 64+ models) in yellow-and-black blocks. Runway does something similar with a different medium: its hero is a warm, cinematic photo of a tablet showing an AI-generated video, headlined "Building AI to Simulate the World," and the page continues with real film-still imagery — a car on a rainy street, a desert highway — rather than dashboard screenshots.
Stripe, by contrast, opens with an abstract multicolor gradient blob and the headline "Financial infrastructure to grow your revenue," then moves straight into a deep purple-black stat band: "135+ currencies," "US$1.8tn," "99.999% uptime," "200+ markets." Ramp's hero swaps Stripe's gradients for dense grayscale UI mockups (spreadsheets, invoices) with a single bright-yellow CTA as the only saturated color, under the headline "Time is money. Save both." — utilitarian and numeric rather than generative or visual.
Physical photography shows up in Finance, not in AI
None of the seven AI-category sites reviewed for this piece show a physical product photo of hardware — their "product shots" are either screen captures or generated art. Finance sites do this often.
Mercury's hero is a full-bleed photograph of a mountain landscape at dusk with a desk and chair placed on the summit, under "Radically different banking," with grayscale founder portraits and a black stat band ("300K+ / 1 in 3 / $20B+ / 4.9") lower on the page — closer in tone to a lifestyle brand than a typical fintech dashboard pitch. Brex leans into literal product photography instead: a real photo of a black Brex card and phone app angled on a white desk, with a single warm-orange accent color and a logo wall naming TikTok, OpenAI and DoorDash by name.
Category doesn't predict boldness as cleanly as you'd expect
Polar's About and hero pages are almost entirely black start to finish, headlined "Turn Usage Into Revenue" in white serif-leaning type, with thin white line-art icon grids and a radiating dot-cone illustration instead of any photography or color gradient — this is the most "developer-tool-coded" Finance site in the catalog, closer in mood to an AI infra product than to Stripe or Brex. Obsidian pushes further into premium/moody territory with a textured dark rock-canyon photographic backdrop, green line-chart UI, and logos including BlackRock and JPMorgan Chase — private-banking tone rendered almost identically to Mercury's photographic darkness, just with more geological texture.
On the AI side, Heidi breaks the "AI = bold/generative" pattern just as clearly: a cream background with maroon accent text, italic serif labels, and a solid-yellow CTA band — a softer, more editorial feel than typical SaaS blue, chosen specifically because a clinical scribe tool selling to healthcare workers needs to read as human and calm rather than technical.
What the range across these fourteen actually shows
Category membership predicts some real tendencies in this catalog — AI sites do lean toward showing generated output as proof, Finance sites do lean toward hard numbers and physical photography — but it doesn't predict boldness or restraint reliably on its own. Product audience (a developer evaluating Polar, a clinician evaluating Heidi) shapes the actual design decision more than the AI/Finance label does. See the full AI category hub and Finance category hub for the rest of both lists, or read our dark-mode design piece for more on how and when a dark theme actually gets used.
At a glance
| Site | Category | Stack |
|---|---|---|
| Elevenlabs | AI | Next.js, Tailwind CSS |
| Runwayml | AI | Next.js, Tailwind CSS |
| Krea | AI | Svelte, Tailwind CSS |
| Stripe | Finance | Next.js |
| Ramp | Finance | Next.js, Tailwind CSS |
| Polar | Finance | Next.js, Tailwind CSS |
| Mercury | Finance | Next.js, Tailwind CSS |
| Brex | Finance | Next.js, CSS-in-JS |
| Heidihealth | AI | Next.js, Tailwind CSS |
| Obsidianos | Finance | Astro, Tailwind CSS |
Frequently asked
- Do AI startups in this catalog really favor dark-mode landing pages more than fintech companies?
- Not by a meaningful margin. 3 of the 33 AI-tagged sites (Krea, Runway, Bolt) use dark mode versus 3 of the 25 Finance-tagged sites (Mercury, Obsidian, Polar) — close enough that dark mode looks like a choice tied to specific companies, not a category-wide convention for either group.
- What's the biggest real visual difference between an AI company's landing page and a fintech one?
- The hero's proof mechanism. AI sites like Krea and Runway tend to open by showing the actual generated output as the hero visual. Finance sites like Stripe and Ramp tend to open with an abstract gradient or a UI screenshot, then immediately back it up with a hard number.
- Are fintech landing pages always more conservative-looking than AI ones?
- No — this isn't a clean split. Brex and Stripe are polished and conventional, but Polar (Finance) is starkly monochrome and developer-tool-coded, nearly indistinguishable in mood from an AI infra product, while Heidi (AI, clinical) uses a softer, warmer palette than most of the fintech sites reviewed. Audience — developer, consumer, or enterprise — seems to matter more than the category label.