Varyer

Item: Varyer
Rating: 7.4

Brand narrative and content strategy studio.

7.4/10MABTU rating

DESKTOP · 1440 × 13,400/ ↗

MOBILE · 390

Section outline · Home

01heroSerif manifesto on teal texture with oval crops
02processBlack card with three focus areas and circle image
03contactDisplay-size email
04newsletterSerif signup card beside black arch illustration
05content gridMixed cards: articles, shop, case studies, lists
06tableSpreadsheet-style list
07ctaGiant black pill
08footerBlack band with signup pill

Rating · Home

Visual design8.0

UX & clarity6.8

Originality8.5

Craft & consistency7.6

Motion5.5

Performance & a11y6.5

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

Main colours

Light·white background·mono

Typography

GT Alpinabody · serif · self-hosted Roobertaccent · sans · self-hosted

Stack & style

Barba.js Craft CMS

Editorial Retro Photography-led Bento grid Marquee Page transitions Review badges

Also: Meta Pixel, Google Analytics, Google Tag Manager

Design DNA

Cream page with a condensed-feeling transitional serif for everything big and tiny serif captions. The hero is a teal watercolour-texture band with a manifesto paragraph and oval and circle image crops of blue ocean texture, then a black process card, a giant 'hey@varyer.com', and a V-MAIL signup with a pill-shaped logo. The body is a dense mixed-size card grid of articles, shop items, Japanese type, collages and spreadsheet-style recommendation tables, ending on a giant black 'See it all' pill.

Worth borrowing

Set the contact email as a display-size headline in the flow of the page.
Mix editorial cards, shop items and a table of recommendations in one irregular grid.
Close a feed with an oversized black pill button in italic serif.