Capsules

Item: Capsules
Rating: 7.6

Concept site for capsule houses in the Californian desert.

capsules.moyra.co Save page

7.6/10MABTU rating

Home

DESKTOP · 1440 × 18,622/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed capsule render, Reserve pill, Menu pill
02introWord-reveal paragraph, two small photo thumbs
03optionsAttribute chips: sustainable, privacy, glassed-in
04marqueeHorizontal wordmark marquee between dark bands
05productStacked render cards with caption columns
06locationCentred statement with underlined link
07detailSplit caption and interior render
08activitiesDifficulty table plus overlapping photo mosaic
09testimonialsQuote with avatar and arrow controls
10ctaOversized headline over render, then giant wordmark footer

Rating · Home

Visual design8.7

UX & clarity7.4

Originality8.3

Craft & consistency8.0

Motion8.5

Performance & a11y2.5

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

Main colours

Dark·dark grey background·mono

Typography

Host Groteskbody · sans · google

Stack & style

Nuxt Vue Lenis Tailwind CSS

Minimal Bold typography Luxury 3D Photography-led Transparent header Hamburger-only nav Hero video Marquee Horizontal scroll Pinned sections Custom cursor Text reveal Testimonial slider Floating CTA Smooth scroll Service area list

Also: Cloudflare, Google Analytics

Design DNA

Near-black page where every image is a warm amber-lit render of a pill-shaped capsule house in a blue-hour desert, so the palette is just black, sand and orange glow. A tight grotesque runs from 14px captions to a full-width Capsules wordmark; paragraphs fade in word by word from grey to white. Layout alternates full-bleed render cards with rounded corners and sparse two-column text set far apart, and a small (Scroll) label repeats down the right edge as the only instruction. Activity cards form an overlapping photo mosaic with labels in the top-left corner of each tile; a floating Reserve pill and a Menu pill stay anchored.

Worth borrowing

Keep one light temperature (amber interior against blue-hour exterior) across every image so renders read as one shoot.
Repeat a tiny (Scroll) marker down the right edge as the page's only navigation instruction.
Build an activities section as overlapping rounded photo tiles with the label tucked into each tile's top corner.