Readymag

Item: Readymag
Rating: 7.6

Browser-based design tool for building distinctive websites without code.

readymag.com Save page

7.6/10MABTU rating

Readymag web specials

Examples

Templates

Freelancers

DESKTOP · 1440 × 5,189/ ↗

MOBILE · 390

Section outline · Home

01heroEditor-panel collage with orange pill CTA
02showcaseGrid of customer site thumbnails
03demoBlack band with canvas editor mockup
04featuresColourful bento of feature tiles
05editorialCollage of editorial specials
06ctaGiant orange pill button
07logo cloudTrusted by creative teams logos
08footerBlack link columns

Rating · Home

Visual design8.2

UX & clarity7.0

Originality8.7

Craft & consistency7.6

Motion7.0

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

Custom 37866heading · font · unknown Custom 37866body · font · unknown

Stack & style

Readymag jQuery React

Bold typography Editorial Playful Bento Sharp / geometric Bento grid Hero video Horizontal scroll Logo cloud Sticky header Transparent header

Also: Google Analytics, Cookiebot, Hotjar, Cloudflare

Design DNA

The hero is a collage of editor panels: a grainy black-and-white photo, an orange panel with a huge italic RUN wordmark, green delay and duration counters and a white card with a plain headline and a wide orange pill button. A grid of wild customer sites (portfolios, landing pages, editorials) follows, then a black band with a four-colour canvas demo. A dense bento of features uses flat orange, blue, lime and black tiles with stickers, rotated labels and type specimens. A collage of Readymag editorial specials and a giant orange pill CTA end the page.

Worth borrowing

Build the hero as a collage of editor panels showing real animation settings.
Make the feature bento playful with rotated sticker labels and flat primary fills.
Finish with a full-width oversized orange pill button as the final CTA.