Spector

Item: Spector
Rating: 7.1

Framer template for creative and branding agencies

A Framer Marketplace template by Tamas Bodo. Its words and photos are demo content.

Live preview Get this template Save page

7.1/10MABTU rating

DESKTOP · 1440 × 23,090/ ↗

MOBILE · 390

Section outline · Home

01heroDark portrait, red condensed caps
02portfolioMosaic of campaign images
03logosLogo carousel
04servicesProduct render and service list
05statsRed-tick numbers list
06processThree step cards
07teamGroup photo and portraits
08pricingThree tiers with thumbnails

Rating · Home

Visual design7.6

UX & clarity7.0

Originality7.3

Craft & consistency7.0

Motion6.5

Performance & a11y7.0

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

Main colours

Light·white background·vivid

Typography

Plus Jakarta Sansheading · sans · self-hosted Plus Jakarta Sansbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Bold typography Editorial Monochrome Photography-led FAQ accordion Hero video Marquee Pricing table Process steps Smooth scroll Stats band Testimonial slider

Design DNA

Template: white #F5F5F5 and black sections with signal red #EE3B2F. Headlines are tightly tracked bold caps stacked in three or four lines, with the first lines in light grey and the last in black and indented (WE BUILD BRANDS. THEN WE GIVE THEM SOMEWHERE TO LIVE). Dark hero with red headline over a grainy portrait, a mosaic of saturated campaign images, red-tick stats list, video still, product-design renders, three-step process cards, team group shot, three-tier pricing with small cover thumbnails and a giant SPECTOR footer wordmark.

Worth borrowing

Stack headline lines from light grey to black with increasing indent to make type the hierarchy.
Mark stats with a thin red vertical tick beside each large number.
Give each pricing tier a small cover thumbnail like a product box.