Shade

Item: Shade
Rating: 7.2

Cloud NAS and media asset management for creative teams.

7.2/10MABTU rating

DESKTOP · 1440 × 13,132/ ↗

MOBILE · 390

Section outline · Home

01heroMedia storage that works harder1,254
02features grid350
03features gridIn a rush?755
04portfolioStay on the803
05content5x the features for 1/5th the price.1,136
06portfolioAutomate custom metadata using AI.1,877
07portfolioMade for remote1,284
08media textInstantly access253
09features gridDump your hard drives1,762
10media textSearch your assets1,363
11testimonials943
12cta252
13content89
14footer572

Rating · Home

Visual design7.6

UX & clarity7.2

Originality6.5

Craft & consistency7.5

Motion6.5

Performance & a11y7.7

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

Main colours

Dark·black background·vivid

Typography

Inter Tightheading · sans · google Inter Tightbody · sans · google Interaccent · sans · self-hosted

Stack & style

Framer React Google Fonts

Gradient-heavy Dark tech Product-UI-led

Also: PostHog, Intercom, HubSpot, Cloudflare, Segment, Hotjar, Meta Pixel, Google Analytics, Google Tag Manager

Design DNA

Pure black page with a tight white grotesk, violet primary buttons and small mono uppercase eyebrows. The hero headline sits over a violet radial glow and a large app window with a photo of an editor at a laptop, plus a floating AirPods promo sticker. Sections are left-aligned heading blocks followed by wide UI shots: a before/after desktop of scattered folders versus Shade, a Finder-style drive list with coloured collaborator cursors, metadata spreadsheet UI and natural-language search over photos. A tool-replacement strip lines up competitor logos on a dotted line.

Worth borrowing

Show 'tools you replace' as a row of competitor app icons threaded on a single dotted line.
Split a desktop screenshot down the middle: cluttered folders on the left, the product on the right.
Put coloured named cursors (Editor in NYC, Camera Crew in Tokyo) over a file list to show remote collaboration.