Ruul

Item: Ruul
Rating: 7.2

Invoicing, payouts and compliance for freelancers and the businesses hiring them.

7.2/10MABTU rating

DESKTOP · 1440 × 11,077/ ↗

MOBILE · 390

Section outline · Home

01heroAudience toggle, two buttons, green-framed portrait with invoice cards
02logosSingle logo row
03processThree numbered steps with UI cards2,586
04countriesFlag icon row
05featuresDashboard on deep green, three small tiles
06featuresBento of green, grey and lime feature tiles
07statsTestimonial slider with three serif stats in white card
08faqGreen photo card left, accordion right554
09ctaDark green grainy band, footer with huge wordmark1,440

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.3

Craft & consistency7.0

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Hedvig Letters Serifheading · serif · google Hedvig Letters Sansbody · sans · google

Stack & style

Google Fonts Tailwind CSS Astro

Minimal Editorial Bento Bento grid FAQ accordion Hero video Live chat Logo cloud Marquee Process steps Stats band Tabs Testimonial slider

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

Design DNA

Off-white and pale grey bands with a light serif for headlines in two tones (dark claim, grey continuation) and small grotesk UI text. The hero centres a freelancer/business toggle, black and Google sign-in buttons and a lime milestone pill above a dark green framed photo of a woman in shadow with overlaid invoice cards. A numbered how-it-works list, flag row, dashboard mockup on deep green, and a bento of dark green, grey and acid-lime tiles (subscriptions, early pay, crypto payout) lead to a white stat card with serif figures, a green FAQ card and a grainy dark green footer with a huge wordmark.

Worth borrowing

Frame product UI cards over a moody, shadow-lit portrait inside a deep green rounded panel.
Use a single acid-lime tile in an otherwise dark green and grey bento to spotlight the newest feature.
Put testimonial and three serif stats in one white card with ruled rows.