Bannerbear

Item: Bannerbear
Rating: 7.2

API for automated image, video and PDF generation from templates.

bannerbear.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 4,681/ ↗

MOBILE · 390

Section outline · Home

01heroAutomate & Scale Your Marketing700
02heroGenerate Images & PDFs1,225
03media textWorks With AI & Automation Tools You Already Use500
04media textREST API & Libraries for Developers500
05ctaStart a Free Trial636
06footer1,059

Rating · Home

Visual design7.2

UX & clarity7.6

Originality7.2

Craft & consistency7.3

Motion5.5

Performance & a11y7.7

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

Main colours

Light·white background·muted

Typography

Bricolage Grotesqueheading · sans · google Segoe UIbody · sans · system

Stack & style

Google Fonts Bulma

3D Swiss grid Product-UI-led Review badges Split screen

Also: Netlify, Cloudflare, Plausible

Design DNA

White page ruled into two-column cells by thin grey lines, with alternating light grey fills. A heavy grotesk headline under orange Product Hunt laurel badges sits beside a checklist workflow card, a yellow 3D teddy bear and dotted arrows. Cells show generated sale banners in hot pink and orange, video thumbnails, a template gallery, an integration icon grid and a dark JSON code card. A pale blue free-trial band repeats the bear scene over a long multi-column footer of free tools.

Worth borrowing

Divide the page into equal cells with visible hairlines so every feature gets a tidy frame.
Show actual generated outputs (banners, video frames) rather than abstract UI.
Use a small 3D mascot peeking over a workflow checklist to soften an API product.