Ramotion

Item: Ramotion
Rating: 7.2

Product and brand design agency for marketing and product executives.

ramotion.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 7,164/ ↗

MOBILE · 390

Section outline · Home

01heroProduct & brand design agency482
02hero724
03portfolioFor companies with tech leverage751
04features grid2,707
05features gridAt the intersection of product and brand911
06testimonialsWhat our partners say615
07footer731
08header82

Rating · Home

Visual design7.7

UX & clarity7.9

Originality6.6

Craft & consistency7.8

Motion5.5

Performance & a11y7.0

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

Main colours

Light·off white background·mono

Typography

Graphikheading · sans · self-hosted Graphikbody · sans · self-hosted

Stack & style

DatoCMS

Minimal Corporate / clean Gradient-heavy Rounded / soft Product-UI-led Custom cursor Hero video Sticky header Testimonial slider Transparent header

Also: Netlify, Cloudflare, Google Analytics, Google Tag Manager

Design DNA

Off-white #fafafa canvas with charcoal #262626 Graphik throughout. Centred two-line 64px bold headline and one-line subcopy over a full-width 8px-rounded hero video. A 'For companies with tech leverage' intro splits a bold title left and small paragraph right above a 5x3 colour logo grid. Cases sit in a two-column staggered grid of mixed-size rounded tiles with bold client names only. A radial services diagram places pill tags on concentric rings between Brand and Product. Testimonial slider with arrows, black pill 'Let's talk', grey newsletter bar and a five-column footer.

Worth borrowing

Stagger case tiles of different sizes in two offset columns so a plain grid reads like a curated wall.
Map services as pill tags on concentric rings between two poles ('Brand' and 'Product') instead of a bullet list.
Show client logos in full colour in a tight 5-column grid directly under the positioning line.