Riley

Item: Riley
Rating: 7.1

AI baby tracker giving pediatrician-backed parenting guidance.

rileyapp.com Save page

7.1/10MABTU rating

DESKTOP · 1440 × 11,465/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline left, phone mockups on orange glow right910
02logo cloudLilac press logo strip
03statementCentred serif line above blob character row
04tabsLilac panel with six topic pills664
05testimonialOrange panel with photo quote slider1,150
06teamClinical advisory board names917
07processThree blob illustrations with short text836
08testimonialLilac star-rated quote card1,058
09featuresOrange, lilac, yellow tiles on orange band780
10comparisonTick table vs Google, Reddit, ChatGPT, Claude1,162
11faqQuestion chips floating on sky and clouds900
12blogCategory pills and article cards1,032
13ctaCentred serif line with button708
14footerNewsletter, links, app badge494

Rating · Home

Visual design7.3

UX & clarity7.2

Originality7.4

Craft & consistency6.6

Motion5.5

Performance & a11y7.7

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

Main colours

Light·off white background·vivid

Typography

Serif Fallbackheading · serif · self-hosted Sansbody · sans · self-hosted Sansaccent · sans · self-hosted

Stack & style

Next.js React Storyblok Sanity Tailwind CSS

Editorial Playful Illustration-led Rounded / soft FAQ accordion Logo cloud Marquee Process steps Tabs Testimonial slider

Also: Meta Pixel, Cloudflare, Google Analytics, Google Tag Manager, PostHog

Design DNA

Cream canvas with a light serif display face, small grotesk body and a deep violet pill button. The hero pairs the headline with two phone mockups on a blurred orange glow. A lilac press strip leads to a row of hand-drawn blob creatures (green, pink, orange, blue) that recur as section mascots. Lilac and orange rounded panels hold a topic picker, a photo testimonial slider and three coloured feature tiles; a comparison table rates Riley against Google, Reddit, ChatGPT and Claude; a sky-and-clouds band floats FAQ chips before a blog grid and a light footer.

Worth borrowing

Give an AI product a cast of simple blob characters that reappear as section mascots.
Compare the product against Google, Reddit and ChatGPT in a tick table to position an AI app.
Float common objections as small chat chips around a headline on a soft cloud background.