Spade

Item: Spade
Rating: 7.3

Transaction data enrichment and AI platform for banks and fintechs.

7.3/10MABTU rating

DESKTOP · 1440 × 14,088/ ↗

MOBILE · 390

Section outline · Home

01heroMint rounded panel, centred headline, contour coin with record chips, dark button976
02logo cloudTwo rows of fintech customer logos under a mono caption
03statementLarge centred sentence on white
04pinned statementDark green panel, lime highlighted second clause
05featuresAlternating text and photo or dark UI cards per use case673
06featuresSparse two-column list rows with mono tags and learn-more links
07case studyDark quote card with Bilt logo plus two big stats870
08developersText, coin render and dark JSON code window
09cta footerForest green CTA with coin art, link columns, newsletter

Rating · Home

Visual design7.6

UX & clarity6.8

Originality7.5

Craft & consistency6.8

Motion7.0

Performance & a11y7.7

This page scores 7.3; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Na N Super Xheading · font · self-hosted Polarbody · font · self-hosted Polar Monoaccent · mono · self-hosted

Stack & style

Next.js Swiper Tailwind CSS React

Minimal Monochrome Illustration-led Logo cloud Pinned sections Process steps Stats band Sticky header Testimonial slider Text reveal

Also: Vercel, Google Analytics, Google Tag Manager

Design DNA

One green family carries the page: pale mint hero panel with rounded corners, deep forest-green feature cards and a lime highlight for key words and buttons. A contour-line 3D coin illustration sits behind small transaction record chips in the hero. Headlines use a tight medium grotesk at modest size; eyebrows and captions are tiny uppercase mono. Sections alternate white text blocks, dark scroll-pinned statement panels, a split photo card, a dark case-study quote with large stats, a code snippet beside the coin render and a forest-green footer CTA with lime wordmark.

Worth borrowing

Render the product metaphor as contour-line wireframe art in the brand green instead of stock 3D.
Float tiny mono-labelled data record chips around the hero object to show the raw input the product enriches.
Highlight the pain half of a statement in lime inside a dark pinned panel.