SavvyCal

Item: SavvyCal
Rating: 7.6

Scheduling links that let recipients overlay their own calendar.

savvycal.com Save page

7.6/10MABTU rating

DESKTOP · 1440 × 8,391/ ↗

MOBILE · 390

Section outline · Home

01heroGreen band, lime serif headline, lime button804
02featureCream band, red-framed screenshot, three columns, quote
03featurePink band, red-framed screenshot, three columns, quote
04featureCharcoal band, screenshot, three team scheduling modes
05ctaStamp badge, red button, wavy divider776
06footerLink columns and red doodle illustration strip1,044

Rating · Home

Visual design7.8

UX & clarity7.6

Originality7.8

Craft & consistency7.6

Motion5.0

Performance & a11y7.7

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

Main colours

Light·cream background·vivid

Typography

GT-Alpina-Condensedheading · font · unknown GT-America-Standardbody · font · unknown

Stack & style

Alpine.js Tailwind CSS

Bold typography Editorial Playful Illustration-led Rounded / soft Product-UI-led

Also: Fly.io, Fathom

Design DNA

Saturated green hero with a heavy, soft display serif in lime and a lime button. Sections alternate cream, blush pink and charcoal, each with a small red underlined eyebrow, a centred serif headline and a product screenshot set on a mountain-lake photo inside a thin red rounded frame. Three short feature columns follow each shot, then a centred customer quote with a square portrait. The closing band has a rubber-stamp guarantee badge, a red button, a wavy red divider and a red line-doodle illustration strip at the very bottom.

Worth borrowing

Frame product screenshots on a landscape photo inside a thin red rounded border for a consistent signature.
Use a hand-stamped circular 'money back guaranteed' badge above the pricing CTA.
End the footer with a line-doodle strip in the accent colour instead of a plain bottom bar.