Tella

Item: Tella
Rating: 7.3

Screen recorder to record, edit and share videos on Mac, Windows and Chrome.

7.3/10MABTU rating

DESKTOP · 1440 × 10,060/ ↗

MOBILE · 390

Section outline · Home

01heroLeft small headline, tabbed recording player, publish-to icons1,200
02marqueeScrolling customer quote chips112
03featureSplit panel with spreadsheet and face-cam728
04featureHelp center UI on violet with face bubble826
05featureEditor timeline screenshot869
06featuresThree video cards with clipped text714
07featureShare page screenshot826
08featureDownload dialog668
09featuresAnalytics, team, library cards714
10featureGlossy 3D app icon726
11galleryVideo wall728
12faqAccordion, glitch CTA, footer722

Rating · Home

Visual design7.5

UX & clarity7.4

Originality7.1

Craft & consistency7.2

Motion7.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·white background·vivid

Typography

Oracleheading · font · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Rounded / soft Product-UI-led Custom cursor FAQ accordion Hero video Marquee Sticky header Tabs

Also: Vercel, Fathom, PostHog

Design DNA

Off-white page of soft grey rounded panels with a small left-aligned headline, grey subline and violet pill buttons. The hero is a tabbed player showing styled recordings with camera bubbles and a lime callout. Pixel glitch blocks in pink, yellow and cyan animate across media between states. Alternating split panels pair short copy with app screenshots and rounded face-cam cutouts on violet, a tools row with big clipped words behind video, analytics cards, a glossy 3D app icon, a video wall, FAQ and a glitch CTA.

Worth borrowing

Transition between demo videos with chunky RGB pixel-glitch blocks.
Show face-cam recordings as rounded-square cutouts overlapping app screenshots on a violet field.
Keep every feature in its own soft grey rounded panel so long pages read as a sequence of slides.