Atlas

Item: Atlas
Rating: 7.6

Invite-only card for hard-to-book dining, hotels and events.

atlascard.com Save page

7.6/10MABTU rating

Home

DESKTOP · 1440 × 24,000/ ↗

MOBILE · 390

Section outline · Home

01heroHand holding metal card, thin headline
02introCentred paragraph and Join the Waitlist pill
03featureHotels photos, feature list, map vignette
04featureDining photo, feature list, booking vignette
05featureFestival photo, events list, chat vignette
06featureHelicopter photo, credits list, partner card
07ctaPortrait with card closing image

Rating · Home

Visual design8.5

UX & clarity7.8

Originality7.9

Craft & consistency8.3

Motion6.5

Performance & a11y4.0

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

Main colours

Dark·black background·mono

Stack & style

Astro Svelte Tailwind CSS

Minimal Luxury Photography-led Dark tech Sticky header Parallax Floating CTA

Also: Vercel, Google Analytics, Google Tag Manager

Design DNA

Near-black page. Hero is a hand holding a metal card with a light-weight 'Your key to the world.' headline. Each benefit (hotels, dining, experiences, benefits) opens with a full-bleed cinematic photo, then a centred thin sans headline, a small label and paragraph, a two-column list of named features with short descriptions and a small dark UI vignette (map pins, booking card, concierge chat) plus a pill 'Learn more' button. Palette stays black and warm grey so the photography carries all colour.

Worth borrowing

Repeat one module per benefit: full-bleed photo, thin centred headline, two-column feature list, small UI vignette.
Show a concierge service as a tiny iMessage-style chat card.
Keep the UI monochrome so photography supplies all colour.