Fathom

Item: Fathom
Rating: 7.5

Framer template for digital marketing agencies

A Framer Marketplace template by Hamza Ehsan. Its words and photos are demo content.

Live preview Get this template Save page

7.5/10MABTU rating

DESKTOP · 1440 × 13,087/ ↗

MOBILE · 390

Section outline · Home

01heroThe art and science of getting noticed900
02logo cloudOur clients322
03media text1,800
04features gridServices1,061
05media textWhy choose us939
06portfolioSelected work1,231
07stepsHow we work637
08testimonialsWhat clients say715
09pricingPricing859
10portfolioMeet the team757
11features gridLearn to market smarter897
12faqFrequently asked questions997
13formLet's build something people remember1,037
14footerLet’s build something people remember936

Rating · Home

Visual design8.3

UX & clarity7.5

Originality8.0

Craft & consistency8.0

Motion7.0

Performance & a11y8.0

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

Main colours

Light·cream background·mono

Typography

Libre Caslon Condensedheading · serif · google Geistbody · sans · google

Stack & style

Framer React Google Fonts

Minimal Editorial Luxury Photography-led Rounded / soft FAQ accordion Logo cloud Pricing table Process steps Smooth scroll Stats band Sticky header Testimonial slider

Design DNA

Template: bone ground (#EFEBE1 range) with a high-contrast display serif at about 40px, italic reserved for the emphasised phrase, and 10-12px caps micro-labels with |4|0 counters on every band. Imagery is surreal classical collage — a Madonna overgrown with ivy, ruins sprouting trees, planets over dunes — and real ivy creeps over the section edges. Bands are separated by hairlines rather than cards: a services accordion with tag chips, a charcoal statement band, a charcoal pricing ledger of three tiers, a quote with a portrait, team cards, a journal grid, an FAQ, and a dune photo beneath an oversized Fathom wordmark.

Worth borrowing

Number every band with a tiny |n|0 counter in the margin so a long page reads as a numbered document.
Let one decorative element (ivy) overhang the section edges to tie unrelated bands into one world.
Set pricing as a dark ruled ledger — tier, what is included, figure — instead of three floating cards.