Ahrefs

Item: Ahrefs
Rating: 7.3

SEO and AI search visibility platform for marketers.

7.3/10MABTU rating

Testimonials / Reviews

DESKTOP · 1440 × 15,992/ ↗

MOBILE · 390

Section outline · Home

01announcementEvent bar
02heroBlue band, orange CTAs, gradient-framed screenshot646
03tabsTool list left, UI preview right1,196
04product suiteBlack band with Letaido and Ask Ahrefs cards3,015
05statsFour large numerals900
06cardsTwo dark product cards with stats908
07rolesRole list with checklist1,134
08enterpriseBlack band, three features, security card
09resourcesBlue icon grid and orange stats card
10communityBlack band with event photo strip1,040
11testimonialsBlue bento of quotes and review scores
12ctaBlue-to-orange gradient band
13footerDense black multi-column tool footer

Rating · Home

Visual design7.6

UX & clarity7.4

Originality7.3

Craft & consistency7.6

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·white background·vivid

Typography

Ahrefsheading · font · self-hosted Ahrefsbody · font · self-hosted Interaccent · sans · self-hosted

Stack & style

React

Bold typography Corporate / clean Gradient-heavy Dark tech Product-UI-led Hero video Live chat Logo cloud Marquee Mega menu Review badges Stats band Sticky header Tabs Testimonial slider

Also: Cloudflare

Design DNA

Saturated electric-blue hero with a large light grotesk headline, sparkle glyph, orange solid and outlined buttons and a product screenshot framed by an orange-to-violet gradient. The page alternates white, black and blue bands: a role list with blue-framed UI previews, a black AI suite with cream and blue sub-cards, big stat numerals in orange, an ecosystem pair of dark cards, a role checklist, black enterprise band, blue resource icon grid with an orange stats card, community photo strip, blue testimonial bento and a blue-to-orange gradient CTA over a dense black footer.

Worth borrowing

Frame product screenshots in a warm orange-to-violet gradient panel on a saturated blue field.
Set data-moat stats as large orange numerals across a black band.
Show testimonials as a blue bento with one large quote and two smaller tinted cards.