Agence Théo

Item: Agence Théo
Rating: 7.2

PR and influencer marketing agency in Quebec City.

agencetheo.com Save page

7.2/10MABTU rating

DESKTOP · 1440 × 6,570/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed photo with aqua wordmark and intro973
02aboutFramed photo, doodle, centered paragraph1,880
03servicesTwo columns split by rule
04industriesLarge sector list on deep teal with photo
05blogDated press list with thumbnails1,154
06ctaTeal band with cut-out photo and doodle754
07footerAqua footer with wordmark and link list713

Rating · Home

Visual design7.3

UX & clarity7.0

Originality7.2

Craft & consistency6.9

Motion6.0

Performance & a11y9.0

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

Main colours

Light·coloured background·muted

Typography

Bagoss Condensedheading · font · self-hosted Porporabody · font · self-hosted Necto Monoaccent · mono · self-hosted

Stack & style

GSAP ScrollTrigger GSAP Webflow Lenis jQuery

Playful Photography-led Rounded / soft Floating CTA Hamburger-only nav Smooth scroll

Also: Google Analytics, Cloudflare

Design DNA

Hero is a full-bleed candid photo with a huge aqua rounded wordmark 'théo RP' bottom-left and short white intro right. Body alternates aqua (#9AD5DC-like) and deep teal (#08384A-like) bands with teal-on-aqua soft grotesk headings, a mono uppercase eyebrow, framed polaroid-style photos and hand-drawn flower doodles. Services sit in two columns split by a thin rule; industries are a large list on teal; a white press feed lists dated posts with thumbnails; a teal CTA and aqua footer with big wordmark close.

Worth borrowing

Place the brand wordmark oversized in the brand colour directly on the hero photo.
Use a thin vertical line to connect centred sections like a thread down the page.
Pair white-bordered photos with loose line doodles for a friendly, human agency tone.