Phia

Item: Phia
Rating: 7

AI shopping assistant that finds the best price across fashion sites.

7.0/10MABTU rating

DESKTOP · 1440 × 9,174/ ↗

MOBILE · 390

Section outline · Home

01heroBlack portrait hero, thin serif headline, press logos900
02featuresScrolling product photos with floating price cards2,700
03brandsPhoto masonry with brand names overlaid5,616
04editorialThree tall photo cards with serif titles
05productsRow of product cut-outs with prices
06featuresCollage of saved collection cards
07featuresSplit photo and text panel
08ctaFull-bleed photo with navy Add to Chrome pill
09footerLinks over giant faded wordmark

Rating · Home

Visual design7.4

UX & clarity6.4

Originality7.0

Craft & consistency6.6

Motion6.5

Performance & a11y7.7

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

Main colours

Light·white background·vivid

Typography

GT Super Displayheading · serif · self-hosted PP Neue Montrealbody · sans · self-hosted

Stack & style

Next.js React Tailwind CSS

Editorial Luxury Photography-led Logo cloud Marquee Sticky header

Also: Google Tag Manager, Meta Pixel, Vercel, Google Analytics

Design DNA

Fashion-magazine art direction: a black hero with a seated model portrait, a thin light serif 'Never Overpay Again' with italic, and press logos (Forbes, Vogue, NYT, TIME). A long white scroll moves product photos with small floating price-comparison cards. Brand discovery is a masonry of fashion photos with brand names set over them; editor's picks are tall photo cards with serif titles. A featured product strip, a collage of saved collections with a serif-italic 'favorite', a split brand panel, a full-bleed shirt photo CTA with a navy 'Add to Chrome' pill and a giant faded 'phia' wordmark footer follow.

Worth borrowing

Borrow fashion-magazine art direction (serif italics, model portraits) for a consumer software app.
Overlay small price-comparison cards on product photos to explain the tool.
Set a huge faded wordmark behind the footer links.