overlay-com
An ethereal beauty-tech aesthetic that merges soft pastel atmospheric glows with refined editorial serifs. Quiet technical annotations and clean orbital diagrams frame hyper-polished portrait photography. The result feels luminous, deliberate, and forward-looking.
Visit siteColour
Background#fbf9fb
Text#2e2f53
Accent#ece9f6
Surface#ffffff
Muted#808096
Typefaces
- Display
- Ppeditorialold
- Body
- Roboto Flex
- Mono
- Geist Mono
- Source
- Scale
- 12 · 15 · 16 · 18 · 36 · 48
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 16px · 999px
Capture
- Category
- other
- Sections
- 10
- Captured
- 2026-08-30
- Rhythm
- light x10
Type rules
- display headlines set in high-contrast serif with tight leading
- eyebrows and functional labels in tracked Geist Mono uppercase
- body measure constrained to 44 characters for readability
Colour rules
- deep indigo text on pale lilac backgrounds for soft contrast
- subtle iridescent pastel gradients layered over light surfaces
Voice rules
- pair poetic beauty framing with precise hardware concepts
- keep eyebrow tags uppercase and concise
Holds it together
- center all narrative statement typography beneath subtle mono badges
- frame photographic and UI elements with soft pills or curved arcs
- keep backgrounds pale lavender-white with subtle diffused radial gradients
Contrast
text on background12.2:1 AAA
muted text on background3.7:1 AA Large
text on surface12.8:1 AAA
accent on background1.1:1 fail
background on accent1.1:1 fail
Type, measured
- Body
- 16px / 1.28
- Measure
- 44 characters
- Display
- 72px / 1.05
- Tracking
- -0.03em display
- Scale ratio
- 1.46
Voice
- Tone
- visionary, refined
- Sentences
- short
- Person
- first
- Vocabulary
- elevated
- Calls to action
- subscribe, touch
Built with
- Builder
- webflow
- Framework
- —
- Motion
- gsap
- WebGL
- yes
- Nav
- —
- Length
- 9.3 screens
Sections in page order
10- 00
hero
An ethereal, pastel-tinted hero pairing an elegant high-contrast serif headline with soft light gradients diffusing into beauty photography.
- Mood
- dreamy + luxurious
- Layout
- 1 col · centered · airy
- 01
hero
An ethereal beauty-tech portrait bathed in iridescent prism light, framed by an elliptical technical diagram with quiet mono annotations.
- Mood
- dreamy + clinical
- Layout
- 12 col · centered · airy
- 02
feature
Minimal, airy feature list plotted along an elegant curved arc over soft portrait photography.
- Mood
- clinical + quiet
- Layout
- 1 col · grid · airy
- 03
statement
An ethereal, gallery-like statement section framing delicate historical beauty portraits along a gentle arc above refined editorial serif typography.
- Mood
- dreamy + editorial
- Layout
- 1 col · centered · airy
- 04
statement
A tranquil, airy section featuring a single centered mono pill label floating above a subtle pixelated pastel grid.
- Mood
- quiet + dreamy
- Layout
- 1 col · centered · airy
- 05
statement
A calm, airy statement pairing a pixelated pastel digital landscape with refined editorial serif typography.
- Mood
- dreamy + editorial
- Layout
- 1 col · stacked · airy
- 06
statement
An ethereal, airy editorial statement featuring luminous floating visual cards and refined serif typography in soft lavender tones.
- Mood
- dreamy + luxurious
- Layout
- 1 col · stacked · airy
- 07
statement
An ethereal and airy statement section featuring a soft pastel gradient blur paired with an elegant, centered high-contrast serif headline.
- Mood
- dreamy + luxurious
- Layout
- 1 col · stacked · airy
- 08
gallery
A floating strip of glossy, high-production beauty portraits with varied rounded frames across an airy pale background.
- Mood
- luxurious + editorial
- Layout
- 1 col · grid · airy
- 09
footer
Dreamy light footer pairing elegant high-contrast serifs with soft lilac atmospheric gradients across two balanced frosted cards.
- Mood
- dreamy + quiet
- Layout
- 2 col · grid · airy
