Brilliant

Item: Brilliant
Rating: 7.3

Interactive math, science and coding lessons with an AI tutor.

brilliant.org Save page

7.3/10MABTU rating

Home

/about

/ai

/faq

DESKTOP · 1440 × 8,431/ ↗

MOBILE · 390

Section outline · Home

01heroSerif promise left, interactive geometry canvas card right848
02trust barThree ruled cells: award, reviews, learner count254
03introCentred serif heading with mascot mark above2,088
04featuresAlternating rows of pastel product panels and short copy714
05tabsSubject tabs revealing a curriculum list and preview855
06splitKitchen photo beside two lines of copy1,642
07credibilityUniversity logos beside a campus photograph
08testimonialsFading quote card carousel with avatars793
09ctaDark photo band with store badges
10footerDark footer, four link columns and legal row

Rating · Home

Visual design7.6

UX & clarity8.0

Originality6.8

Craft & consistency7.8

Motion5.5

Performance & a11y7.0

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

Main colours

Light·white background·vivid

Typography

Co Fo Robertheading · font · self-hosted Co Fo Brilliantbody · font · self-hosted

Stack & style

Next.js Swiper React

Minimal Editorial Rounded / soft Product-UI-led Review badges Split screen Sticky header Tabs Testimonial slider

Also: Stripe, OneTrust, Meta Pixel, Cloudflare, Google Tag Manager

Design DNA

Off-white paper with a light transitional serif for every headline, small grey sans body and one saturated green pill for the primary action. The hero is a short serif promise beside a white card holding an interactive geometry canvas. Proof runs as a three-cell rule-divided bar. Feature rows alternate left and right, each pairing a tinted mint, peach or grey rounded canvas of real product UI with two lines of copy. A tabbed subject browser, testimonial cards with avatars and a dark photo app-download band close the page.

Worth borrowing

Tint each product-UI panel a different soft pastel so alternating feature rows never feel repetitive.
Put the mascot as a small floating marker inside the product canvases rather than as page decoration.
Divide the trust bar into three rule-separated cells instead of using badges.