Riverside

Item: Riverside
Rating: 7.6

AI-powered platform to record, edit, repurpose and publish podcasts and video.

riverside.com Save page

7.6/10MABTU rating

DESKTOP · 1440 × 16,927/ ↗

MOBILE · 390

Section outline · Home

01heroDesk mic photo, use-case chips, violet CTA, logos850
02featuresDark accordion of five workflow steps989
03galleryCreator thumbnail marquee584
04featureVideo call tiles, waveform, testimonial2,019
05featureMagic episode clips and show notes UI1,745
06featureTranscript editor demo and laptop photo753
07featureOrbit diagram of platforms2,081
08featureWebinar studio UI with cards836
09ctaOverhead desk photo then light footer2,188

Rating · Home

Visual design8.3

UX & clarity8.0

Originality7.5

Craft & consistency8.2

Motion7.0

Performance & a11y7.7

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

Main colours

Mixed sections·black background·vivid

Typography

Sharp Groteskheading · sans · self-hosted Instrument Sansbody · sans · google

Stack & style

Webflow Google Fonts jQuery

Minimal Corporate / clean Photography-led Rounded / soft Dark tech Product-UI-led Bento grid FAQ accordion Live chat Logo cloud Marquee Tabs Testimonial slider

Also: HubSpot, Cloudflare, Amazon CloudFront, Google Tag Manager, Meta Pixel, Segment, Google Analytics

Design DNA

Warm moody desk photography (mics, keyboards, a laptop at dusk) anchors dark charcoal bands, broken by white sections with rounded top corners. Clean grotesk headlines, lilac-violet pill CTAs and small use-case chips in the hero. A record/edit/repurpose/stream/publish accordion, a creator thumbnail marquee, split video-call recording tiles, an audio waveform with 'Listen' pill, a text-based editor demo with live cursor, a laptop-on-desk editor shot, a podcast orbit diagram, a webinar studio UI and an overhead photo of a woman at a desk form the page.

Worth borrowing

Demo text-based editing with a transcript where a word is selected and deleted in place.
Shoot the product on a real desk at dusk rather than a flat browser mockup.
Show distribution as an orbit of platform icons around a central logo.