Consensys

Item: Consensys
Rating: 7.2

Ethereum infrastructure and services for banks and financial institutions.

consensys.io Save page

7.2/10MABTU rating

DESKTOP · 1440 × 8,000/ ↗

MOBILE · 390

Section outline · Home

01heroBlack, lime second line, pill buttons, glass prism renders2,167
02statementText reveal on black with short paragraph
03servicesThree numbered services with tall coloured isometric renders306
04productsBordered grid of product cards with icons899
05aboutStaggered headline, Ethereum upgrade timeline, history paragraph829
06ctaLarge two-tone headline and lime button748
07footerSolid lime footer with big nav and link columns675

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.4

Craft & consistency7.2

Motion7.0

Performance & a11y6.0

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

Main colours

Mixed sections·white background·vivid

Typography

Atyp Displayheading · font · self-hosted Atyp Textbody · font · self-hosted

Stack & style

Lenis Three.js GSAP GSAP ScrollTrigger Contentful SvelteKit Svelte

Bold typography 3D Dark tech Parallax Review badges Smooth scroll Stats band Sticky header Text reveal

Also: Google Tag Manager, Vercel, Cloudflare, Google Analytics, HubSpot

Design DNA

Near-black hero with a large light grotesk headline whose second line is acid lime, lime and outline pill buttons, and floating iridescent glass pyramids. Statements fade in from grey as a text reveal. A white services block pairs numbered text columns with tall full-bleed tiles of isometric circuit renders on grey, magenta and orange. Product cards (Linea, Web3Signer, Teku, Besu) sit in a thin-bordered grid with mono icons. A black protocol section staggers huge type across the width above an Ethereum upgrade timeline, then a 'From Pilot to Production' CTA and a solid lime footer with large links.

Worth borrowing

Stagger a three-line headline across the page width, indenting each line, to give a statement section rhythm.
Pair each numbered service with a full-width render on its own saturated background colour.
End on a solid lime footer so the accent becomes a full surface exactly once.