Highnote

Item: Highnote
Rating: 7.3

Platform for issuing cards, acquiring payments and embedded finance.

highnote.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 8,343/ ↗

MOBILE · 390

Section outline · Home

01heroLime-cyan gradient, centred copy, two pills, logos
02productsFour product UI cards linked to chips1,011
03platformHub icon and three benefits752
04industriesEight photo cards1,294
05testimonialsVideo cards and quote cards1,172
06developersCode panel and four API features993
07resourcesThree gradient thumbnail cards809
08ctaGradient fade into black footer590

Rating · Home

Visual design7.5

UX & clarity7.4

Originality7.0

Craft & consistency7.4

Motion6.0

Performance & a11y7.7

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

Main colours

Light·cream background·mono

Typography

Helvetica Now Displayheading · sans · system Helvetica Now Textbody · sans · system

Stack & style

Next.js React Tailwind CSS Hygraph

Gradient-heavy Photography-led Product-UI-led Bento grid Logo cloud Process steps Sticky header Testimonial slider

Also: Google Analytics, Google Tag Manager, Vercel

Design DNA

Cream page with a hero washed in a concentric lime, yellow and cyan gradient behind a big light grotesk 'Built for You.' and black and white pill buttons. Four product cards (Issuing, Acquiring, Credit, Money Movement) show gradient card art and payment-form UI, connected by thin lines to a row of capability chips and a green hub icon. An eight-card industry grid uses warm lifestyle photos, customer video cards with logo quotes, a developer code panel, resource cards with gradient thumbnails and a gradient-edged black footer.

Worth borrowing

Connect product cards with thin lines down to a row of shared capability chips and one hub icon to show a unified platform.
Wash the hero in concentric acid lime-to-cyan rings and reuse the gradient as card art and footer edge.
Pair each industry with a warm real-world photo (boxes, van, hotel room) instead of icons.