Overlay

Item: Overlay
Rating: 7.5

Robotic, AI-personalised makeup application device.

overlay.com Save page

7.5/10MABTU rating

Home

CAREERS

DESKTOP · 1440 × 8,353/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline, subscribe pill, lit face, orbit features1,362
02storyFanned tilted portrait cards3,780
03storyPixelated gradient wave
04storyFaint three-card visual
05how it worksStepper with makeup looks card1,417
06galleryRow of close-up faces1,083
07footerTwo frosted cards, email address627

Rating · Home

Visual design7.8

UX & clarity6.8

Originality7.6

Craft & consistency7.3

Motion6.5

Performance & a11y9.0

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

Main colours

Light·off white background·muted

Typography

PP Editorialoldheading · font · self-hosted Roboto Flexbody · sans · google

Stack & style

Google Fonts Splide Webflow GSAP GSAP ScrollTrigger Lenis jQuery

Minimal Luxury Gradient-heavy Photography-led Horizontal scroll Parallax Pinned sections Process steps Smooth scroll Text reveal Transparent header

Also: Cloudflare

Design DNA

White page washed with pastel pink, lilac and teal gradients. Headlines use a condensed high-contrast serif in navy, with tiny uppercase mono labels and pill eyebrows. The hero is a centred serene face lit by iridescent light inside a thin orbit line, with four icon features placed around it. Vision chapters use tilted portrait cards fanned in an arc, a pixelated gradient wave and a faint card trio; a how-it-works stepper, a horizontal row of close-up makeup faces and two frosted glass cards for subscribe and contact close the page.

Worth borrowing

Place four icon features around a hero portrait along a thin elliptical orbit line.
Fan tilted portrait cards along an arc to introduce a narrative chapter.
End with two frosted gradient cards: subscribe on one, a big serif email address on the other.