Skip to content
BetaFree MCP server
usecardboard.com/ (opens in new tab)
Usecardboard full landing page screenshot (desktop)

Usecardboard

usecardboard.com/

Cardboard (redirects to cardboard.ai) is a browser-based AI video editor that takes raw footage and automates clip selection, reframing, captioning, and export, described on the site as watching a user's footage "for you." It cites a specific processing claim of turning about an hour of footage into a finished render in roughly 5 minutes, with pricing starting at $32/month. Rather than showcasing finished video examples, the page leans on interactive UI mockups of the editing interface itself as its proof, walking through named feature blocks like "Know Every Clip" and "Reframe In Seconds." Customer logos include Autumn, PostHog, and Shopos, and Y Combinator affiliation and a public status page are both noted in the footer.

Category
Design & Creative
Style
DarkMinimal
Stack
Next.jsTailwind CSS
Fonts
DentonDelightGeist
Palette
Meta title
Cardboard | AI Video Editor in Your Browser
Sections
7
Updated

Usecardboard's landing page, section by section

Each section below is cropped straight from Usecardboard's live page — useful references for design & creative landing page design.

Usecardboard design review: how the homepage is built

The page is about 13280 pixels tall at desktop width and shows no header bar: it opens straight onto a near-black hero holding a prompt box. It then runs a mosaic of sample videos, three walkthrough cards, a numbered feature list, a rounded Mac app panel, a tabbed showcase, four pricing cards, an accordion, a blue closing panel and a three-column footer. Colour stays black and charcoal, with a deep blue gradient only at the end; the warmth comes from video thumbnails. Distinctive for its category: the product's own input box is the hero.

Above the fold

The serif headline "Make any video you can think of" sits centred over a wide input reading "Describe your video, or drop footage..." with a plus button, an "Auto" dropdown, a sparkle icon and a send arrow. Pill chips below read "Launch Video", "UGC", "Explainer", "Montage" and "Product Demo". Five tilted video thumbnails float around the box.

Sample videos and the three-step walkthrough

"Made with Cardboard" and "Remarkable video quality" introduce a bordered mosaic of two rows of clips in mixed portrait and landscape sizes. "Your first video in three steps" follows with three dark cards: "Describe it" shows a typed prompt with "demo.mp4" and "b-roll.mov" chips, "Direct it" a chat bubble above a timeline, and "Share it" floating tags "Export MP4", "Link copied" and "3 comments".

Numbered features, Mac app and use-case tabs

"Everything you need to make videos" opens a list numbered 01 to 03: "Build the story", "Shape the edit" and "Work and publish your way". Each keeps one bright line among greyed ones beside a carousel mockup. A rounded panel, "Make videos the way you do everything else", pairs "Learn more" with a white "Download for Mac" button above a full editor screenshot. A six-item list from "Product Showcases" to "Podcast Clips" swaps the card stack.

Pricing, questions and closing panel

"Pricing for every stage of editing" sits over a "Monthly" and "Annual" toggle and four cards, "Lite", "Starter", "Creator" and "Pro", each with a "Get started" button; "Creator" carries a blue tint and a "Recommended" tag. "Frequently asked questions" lists five plus-icon rows. A blue panel ringed by clips says "Get started with one prompt.", then a footer with "Product", "Legal" and "Company" columns and a large ghosted wordmark.

On mobile

On a phone the five floating thumbnails become a row of four above the headline, and the chip row scrolls sideways with "Montage" clipped. The mosaic collapses into a full-width clip, a pair and another full-width clip, with a "Get started" button beneath. Walkthrough cards, numbered lists and the Mac panel's icon captions all stack in one column, and the page grows to 13623 pixels.

Worth borrowing

  • Making the hero a working prompt box with example chips lets visitors start before reading anything.
  • Dimming all but one line in each numbered list ties the text to its changing carousel.
  • Tinting only the "Creator" card and tagging it "Recommended" steers the choice among four plans.
Wonder landing page design
Wonder
Design & Creativewonder.design/
Onlook landing page design
Onlook
Design & Creativeonlook.com/
Storyflow landing page design
Storyflow
Design & Creativestoryflow.so/
Hedra landing page design
Hedra
Design & Creativehedra.com/
Cosmos landing page design
Cosmos
Design & Creativecosmos.so/
Krea landing page design
Krea
Design & Creativekrea.ai/