Morphic

Item: Morphic
Rating: 7

AI platform for generating and editing animated stories and video.

morphic.com Save page

7.0/10MABTU rating

DESKTOP · 1440 × 8,239/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, two pills, strip of generated clips954
02tabsCanvas, copilot, compose tabs over app window1,209
03carouselHorizontal thumbnails552
04carouselFeature cards with images882
05teamCentred text with floating cursors720
06use casesAsset UI and three industries1,309
07pressVariety quote
08showcaseTilted film posters
09ctaDirector's chair icon and two pills
10footerLinks over faded wordmark

Rating · Home

Visual design7.3

UX & clarity7.0

Originality6.4

Craft & consistency7.2

Motion6.0

Performance & a11y7.7

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

Main colours

Light & dark toggle·black background·vivid

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js Tailwind CSS React

Photography-led Dark tech Product-UI-led Hero carousel Horizontal scroll Sticky header Tabs Transparent header

Also: Vercel

Design DNA

Black page with soft coloured glows, a bold grotesk set in two-tone pairs (white title, grey subtitle) and blue pill primary buttons. The hero is left-aligned with a scrolling strip of generated shorts; canvas, copilot and compose tabs sit over an app window with an anime scene. Horizontal carousels of workflow thumbnails and feature cards follow, a team section with floating named cursors, an asset-generation UI with 3D item icons, tilted film posters for originals, a director's chair CTA and a faded wordmark footer.

Worth borrowing

Pair every section title with a grey second line to form a two-tone heading block.
Show team collaboration with floating named cursors around a centred CTA.
Fan out tilted film posters to present in-house productions.