New Genre

Item: New Genre
Rating: 7.6

Global design and technology studio for brands, products and experiences.

newgenre.studio Save page

7.6/10MABTU rating

DESKTOP · 1440 × 13,905/ ↗

MOBILE · 390

Section outline · Home

01heroSky gradient with scrolling serif statements
02logosBordered 6x2 logo grid
03workPastel case bands with images2,876
04processThink, Create, Build cards with flower renders946
05news3x3 editorial news grid2,868
06newsletterPeach gradient card
07ctaScroll-reveal serif on orange gradient
08footerCity clocks and golden flower render

Rating · Home

Visual design8.0

UX & clarity7.3

Originality7.6

Craft & consistency7.5

Motion7.2

Performance & a11y7.5

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

Main colours

Light·white background·muted

Typography

Saansheading · sans · self-hosted Saansbody · sans · self-hosted

Stack & style

Next.js Lenis React Sanity Tailwind CSS

Editorial Gradient-heavy 3D Photography-led Logo cloud Pinned sections Process steps Smooth scroll Sticky header Text reveal

Also: Vercel

Design DNA

Hero is a vertical sky gradient from navy to pale peach with light serif statements scrolling through it. A bordered logo grid, then case studies as full-width pastel bands (mint, grey, cream) each with a small title left and a large image right. Process cards with golden flower renders, a news grid of editorial photos, a peach gradient newsletter card, a scroll-reveal serif paragraph over an orange-to-brown gradient and a footer of rendered golden flowers with live city clocks.

Worth borrowing

Run the hero as a sky gradient from night to dawn behind scrolling serif statements.
Give each case study its own pastel band with the title small on the left.
Show office cities with live local times in the footer.