Mockuuups Studio

Item: Mockuuups Studio
Rating: 7.5

Mockup generator with thousands of device and print scenes.

mockuuups.studio Save page

7.5/10MABTU rating

DESKTOP · 1440 × 7,839/ ↗

MOBILE · 390

Section outline · Home

01heroSearch, tag chips, three category columns
02ctaFull-width black browse button
03featuresInstant preview and story cards1,902
04platformsFigma banner and two app cards2,203
05testimonials4x3 quote cards1,462
06footerBlog thumbnails and link columns on black

Rating · Home

Visual design7.6

UX & clarity7.8

Originality7.2

Craft & consistency7.6

Motion5.5

Performance & a11y9.0

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

Main colours

Light & dark toggle·white background·muted

Typography

Inteeerheading · font · self-hosted Interbody · sans · self-hosted

Stack & style

Webflow jQuery

Minimal Photography-led Rounded / soft Bento grid Marquee Mega menu Sticky header

Also: Cloudflare, Google Tag Manager, Fathom

Design DNA

White page with light grey rounded panels, a large tight grotesque for two-tone headlines (black line, grey second line) and playful letter stretching ('wooow', 'Loooved'). Placeholder screens use a loud lime #D7F53A and periwinkle test pattern so every mockup reads as the brand. Hero has a search bar with tag chips and three category columns of image tiles, then a full-width black browse button, instant-preview cards, a black Figma plugin banner, split app cards, a testimonial grid and a black footer with blog thumbnails.

Worth borrowing

Fill every product mockup with one loud branded test pattern so the gallery doubles as identity.
Two-tone headlines: first clause black, second clause light grey.
Stretch a vowel in headings ('wooow', 'Loooved') as a small typographic signature.