Quartr

Item: Quartr
Rating: 7.6

AI-ready data and research tools built on public company IR material.

7.6/10MABTU rating

DESKTOP · 1440 × 13,685/ ↗

MOBILE · 390

Section outline · Home

01heroSplit headline and copy, screenshot on marble photo1,169
02logo cloudTwo rows of finance and AI logos368
03featuresTwo tall photo cards for Pro and API984
04featuresFour photo-and-UI cards786
05featuresApp icons on shadow-lit wall photo850
06testimonialsVideo quote with three short customer quotes1,113
07featuresBlack band with cloud photo and four columns1,787
08aboutText columns and architecture photo924
09carouselHorizontal story cards1,128
10statsFour large numbers942
11appCentred phone mockup with rating1,064
12newsletterEmail field beside magazine cover grid1,214
13ctaBlack band, small button614
14footerLink columns, giant cropped wordmark688

Rating · Home

Visual design8.4

UX & clarity7.8

Originality8.2

Craft & consistency8.2

Motion6.0

Performance & a11y7.7

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

Main colours

Light·white background·mono

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Next.js Tailwind CSS Storyblok React

Minimal Editorial Photography-led Product-UI-led Horizontal scroll Logo cloud Marquee Stats band Tabs Testimonial slider

Also: Vercel, Google Analytics, Google Tag Manager

Design DNA

White page with a tight grotesk headline left and a short line of copy right, then a full-width product screenshot set on a marble-and-hand photo. Two offerings use tall calm photos (marble desk, cloud) with small captions. Feature cards blend soft photos and UI fragments; an MCP block places app icons on a light-and-shadow wall. Video testimonials, a black API band, a four-number stats row, dark glass architecture photos, a phone mockup, a grid of bold 'Edge' magazine covers and a footer with a huge cropped QUARTR wordmark finish it.

Worth borrowing

Set product screenshots on quiet material photography (marble, clouds, shadows) instead of gradients.
Promote a newsletter with a grid of bold, varied magazine-style issue covers.
Crop an oversized wordmark at the bottom edge of the footer.