Routable

Item: Routable
Rating: 7.3

Mass payouts, vendor onboarding and AP automation platform.

routable.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 11,784/ ↗

MOBILE · 390

Section outline · Home

01heroGrey texture panel, centred serif headline, violet demo button974
02logosBordered logo grid with case study links
03featuresFive columns with small payout UI crops717
04featuresLarge payouts table screenshot and three feature notes1,287
05processThree steps with onboarding UI screens840
06featuresHorizontal carousel of feature screenshots963
07testimonialsThree quote columns with arrows786
08integrationsNavy band with four accounting integrations
09tabsFinance, operations, developers tabs beside photo
10statsFour violet italic percentages571
11ctaNavy CTA merging into link-heavy footer2,048

Rating · Home

Visual design7.6

UX & clarity7.6

Originality6.8

Craft & consistency7.5

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·muted

Typography

Tiempos Headlineheading · serif · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js Tailwind CSS Swiper React

Editorial Corporate / clean Product-UI-led Hero video Logo cloud Marquee Process steps Stats band Sticky header Tabs Testimonial slider Transparent header

Also: Intercom, HubSpot, Vercel, Google Analytics, Google Tag Manager

Design DNA

White and pale grey sections with a light serif display face that sets key words in italic ('anywhere', 'you', 'scale') and a small grotesk for body. The hero is a soft grey marble-texture panel with a centred serif headline and a violet button, followed by a bordered logo grid with case-study links. Feature rows pair short copy with tight payout, onboarding and compliance UI crops; a large summary table shows international payouts. A deep navy block holds accounting integrations and a tabbed team panel with a photo, then case-study stat cells, violet italic percentage stats, resource thumbnails and a navy CTA footer.

Worth borrowing

Italicise one word in each serif headline to add voice to a finance brand.
Make the logo cloud a bordered grid where each logo cell links to its case study.
Show savings as a row of large violet italic percentages with tiny captions.