Umbrel

Item: Umbrel
Rating: 7.9

Personal home cloud server and OS for self-hosting apps and files.

7.9/10MABTU rating

DESKTOP · 1440 × 12,967/ ↗

MOBILE · 390

Section outline · Home

01heroFull-width warm photo of devices, video button85
02featuresThree icon benefits1,373
03productsFour product cards with price and buy buttons, press logos1,345
04featuresBlue glow, icon chips, card carousel1,275
05featureLight band with app store screenshot1,385
06featureDark band with glowing laptop UI1,885
07featureSplit copy and phone app screenshot807
08comparisonTabbed product cards with dot ratings2,700
09testimonialsMasonry of tweets fading out2,198

Rating · Home

Visual design8.1

UX & clarity7.8

Originality7.2

Craft & consistency7.9

Motion7.0

Performance & a11y9.0

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

Main colours

Mixed sections·white background·vivid

Typography

Google Sansheading · sans · google Interbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Photography-led Dark tech Product-UI-led Hero carousel Live chat Logo cloud Sticky header Tabs Transparent header

Also: Vercel, PostHog

Design DNA

Near-black canvas with warm cinematic product photography of small black servers on wooden desks. Headlines are medium grotesque with one italic serif word ('home', 'own it'). A four-card product row with price and Explore/Buy pill pairs, then a blue-glow band with icon chips and a carousel of dark feature cards. A light App Store section shows a large UI screenshot. Tabbed comparison cards rate each device on dot scales beside a 3D render. Ends with a masonry of community tweets fading to black.

Worth borrowing

Rate products on dot scales (setup, performance, storage) inside tabbed comparison cards.
Mix one italic serif word into a sans headline to add warmth to a tech brand.
Close with a masonry of real social posts that fades out into the background.