Studio Rodrigo

Item: Studio Rodrigo
Rating: 7.4

Strategy and design studio helping companies bring new products to market.

studiorodrigo.com Save page

7.4/10MABTU rating

Home

About

Work

DESKTOP · 1440 × 11,666/ ↗

MOBILE · 390

No capture for this viewport

Section outline · Home

01heroPattern-filled wordmark over a case carousel
02introLarge grotesque statement with pill button
03listRuled industry rows with orange hover fill943
04workTwo-column client case grid with captions
05listCobalt block with ruled focus rows1,133
06logosFour-column client logo wall1,465
07videoBlue reel block
08footerGiant wordmark footer with small links

Rating · Home

Visual design7.8

UX & clarity7.6

Originality8.0

Craft & consistency7.5

Motion6.5

Performance & a11y6.0

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

Main colours

Light·white background·vivid

Typography

Aktiv Groteskheading · sans · unknown Aktiv Groteskbody · sans · unknown

Stack & style

Webflow GSAP GSAP ScrollTrigger Swiper Adobe Fonts jQuery

Bold typography Playful Swiss grid Hero carousel Hero video Logo cloud

Also: Google Tag Manager, Cloudflare, Google Analytics

Design DNA

White canvas with a full-width wordmark whose letters are each filled with a different pattern, above a work carousel. A large grotesque statement paragraph and an outlined pill button lead to WE WORK IN, an all-caps heading over a ruled list where the hovered row fills orange. Work is a two-column grid of client cards with caps name plus one-line caption. A cobalt block lists focus areas as ruled rows with an inverted hover row, then a four-column logo wall, a blue PLAY reel block, and a giant wordmark footer.

Worth borrowing

Build the wordmark from letters each filled with a different texture or pattern.
Use ruled full-width list rows where the hovered row floods with an accent colour and shows an arrow.
End with an oversized wordmark that bleeds off the bottom of the footer.