Cloudflare

Item: Cloudflare
Rating: 7.1

Global network platform for apps, AI agents, security and developers.

cloudflare.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 7,033/ ↗

MOBILE · 390

Section outline · Home

01heroRounded orange glow panel, centred white headline, white pill CTA.852
02featureDotted orange globe with three icon columns.804
03testimonialTabbed customer quotes and logo row.829
04featuresDiagram card beside solid orange card.119
05pricingOrange pill tabs, usage chips, four pricing tiers.95
06bentoUI mockup tiles mixed with orange feature tile.111
07ctaOrange glow band, floating icons, two buttons, ticker.544
08footerLight multi-column sitemap.900

Rating · Home

Visual design7.2

UX & clarity7.4

Originality6.8

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

FT Kunst Groteskheading · sans · self-hosted FT Kunst Groteskbody · sans · self-hosted

Stack & style

Astro Tailwind CSS

Corporate / clean Bento Gradient-heavy Product-UI-led Bento grid Hero video Logo cloud Marquee Mega menu Pricing table Stats band Sticky header Tabs Transparent header

Also: Cloudflare, Google Tag Manager

Design DNA

White page anchored by saturated Cloudflare orange (#F6821F range). The hero is a rounded orange panel with a soft sunrise glow rising from the bottom, a centred light-weight white headline and a white pill CTA. Below, a pale dotted orange globe sits over three icon columns. A testimonial carousel and customer logo row prove scale. 'Why choose' pairs a sketchy infra diagram card with a solid orange card. Pricing uses orange pill tabs and four plain tiers. A bento mixes pale UI mockups with orange tiles. A closing orange glow band with floating icons and a ticker leads to a light sitemap footer.

Worth borrowing

Light the hero panel from below with a radial glow in the brand colour so a flat orange block gains depth.
Draw the global network as a faint dotted globe in the accent colour instead of a photo.
Reuse the glow panel as the closing CTA with small floating product icons around it.