Deel

Item: Deel
Rating: 7.1

Global payroll, HR, compliance and hiring platform.

7.1/10MABTU rating

DESKTOP · 1440 × 8,423/ ↗

MOBILE · 390

Section outline · Home

01heroBlack card with task buttons and ratings beside celebrity photo756
02logo cloudTwo rows of grey logos
03bentoSix cream product cards with small UI
04tabsProduct tabs over a today-to-tomorrow timeline
05featuresBlack panel, three columns, currency chips on photo, integrations
06testimonialsVideo customer story carousel
07statsFour large figures in a row541
08bannerYellow and pink campaign card
09reviewsBlack star-review carousel, then dense footer

Rating · Home

Visual design7.3

UX & clarity7.4

Originality7.0

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

Bagoss Condensed Fontheading · serif · self-hosted Interbody · sans · self-hosted Bagoss Standardaccent · serif · self-hosted

Stack & style

Next.js React Swiper Tailwind CSS

Corporate / clean Bento Photography-led Bento grid Horizontal scroll Logo cloud Marquee Process steps Review badges Stats band Sticky header Tabs Testimonial slider

Also: Cookiebot, HubSpot, Cloudflare, Google Tag Manager

Design DNA

Near-black and warm off-white palette with a tight neo-grotesk and a heavy lower-case wordmark. The hero is a black rounded panel holding a task-picker grid (hire, payroll, visas, equipment) beside a photo of Snoop Dogg at a desk, then a logo cloud and a six-card cream bento of products with small UI vignettes. A tabbed timeline explains speed, followed by a black rounded section with currency chips over a lifestyle photo, a customer video carousel, a big-number stats row, a yellow and pink celebrity hiring banner, a black review carousel and a dense black footer.

Worth borrowing

Put a 'What would you like to do?' grid of icon buttons inside the hero card instead of a single CTA.
Nest dark rounded panels inside a light page to mark the product-depth section.
Float currency selector chips over a lifestyle photo to show a feature in context.