Temper Studio

Item: Temper Studio
Rating: 7.2

Tennis objects, apparel and experiences.

temper.studio Save page

7.2/10MABTU rating

DESKTOP · 1440 × 5,042/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed photo, serif question, button900
02productsThree product cutouts with prices
03aboutCentred serif statement
04campaignsTwo portrait photos, circular badge
05footerBlack card over blurred portrait

Rating · Home

Visual design7.7

UX & clarity6.9

Originality7.6

Craft & consistency7.0

Motion6.0

Performance & a11y7.0

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

Main colours

Light·off white background·vivid

Typography

Quadrant Textheading · font · self-hosted Quadrant Textbody · font · self-hosted

Stack & style

Framer Google Fonts React

Editorial Photography-led Grain / texture Sticky header

Also: Meta Pixel, Google Analytics

Design DNA

Full-bleed hero photo of a cider bottle opened with a racquet, a centred light serif question and small green button. Cream section of three cut-out products with serif names and prices, a centred serif studio statement, two framed portrait photos with white label buttons and a rotating circular badge, then a black-and-white motion-blurred portrait under a black footer card with links and a yellow newsletter button. Glassy grey header pills.

Worth borrowing

Show products as soft cutouts spaced widely on cream with serif name and price only.
Lay the footer as a black card floating over a full-bleed motion-blurred portrait.
Add a spinning circular text badge overlapping two campaign images.