CloudZero

Item: CloudZero
Rating: 7

Cloud and AI cost intelligence that ties spend to business outcomes.

cloudzero.com Save page

7.0/10MABTU rating

DESKTOP · 1440 × 7,350/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline with marker highlight, email capture, isometric cubes641
02logo cloudCustomer wordmarks on warm grey strip106
03introHeadline left, bordered allocation, value, optimization list right672
04integrationsTeal band with two rows of app icon tiles887
05featuresThree feature columns under a large blank visual area1,019
06accordionHeadline left, expandable feature rows right514
07testimonialQuote with orange highlighted phrase and slider arrows799
08faqBordered card offset on orange block1,009
09ctaEmail capture between cube clusters, then black footer556

Rating · Home

Visual design7.2

UX & clarity7.2

Originality6.8

Craft & consistency6.8

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·muted

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted Geist Monoaccent · mono · google

Stack & style

WordPress Swiper Gutenberg blocks

Minimal Corporate / clean Sharp / geometric FAQ accordion Logo cloud Marquee Mega menu Stats band Sticky header Testimonial slider

Also: HubSpot, Hotjar, Meta Pixel, Google Tag Manager, Cloudflare, Google Analytics

Design DNA

White and warm grey page with a tight grotesk, uppercase monospace eyebrows and buttons, deep teal as the primary band colour and orange-red as accent. The centred hero highlights words with mint marker boxes and frames an email capture between isometric line-cube clusters. Split sections pair a left headline with bordered icon lists, a teal integrations band shows a grid of white app-icon tiles, then accordion features, a testimonial with an orange highlighted phrase, a FAQ card offset over a solid orange block and a black footer with a large logo.

Worth borrowing

Highlight key headline words with a flat mint marker box instead of colour text.
Offset a white bordered FAQ card over a solid orange rectangle for a hard-shadow effect.
Use monospace uppercase for eyebrows and buttons against a grotesk headline for a technical tone.