Orchid

Item: Orchid
Rating: 7.3

Personal AI assistant that works through messages.

7.3/10MABTU rating

FAQ

DESKTOP · 1440 × 7,653/ ↗

MOBILE · 390

Section outline · Home

01heroSerif headline, phone chat mock
02testimonialLarge serif quote with avatar
03featuresAlternating text and blurred-photo cards x43,288
04statsTwo live counters537
05ctaBlurred photo card CTA867
06footerLight link columns562

Rating · Home

Visual design7.4

UX & clarity7.3

Originality6.8

Craft & consistency7.4

Motion5.5

Performance & a11y9.0

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

Main colours

Light·white background·muted

Typography

Louizeheading · font · self-hosted Lausannebody · font · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Editorial Photography-led Booking widget Stats band Transparent header

Also: Cloudflare, PostHog

Design DNA

White page with a classic serif (italic for the key phrase) and small grey grotesk body. The hero centres 'Meet Orchid, your travel planner' over an iPhone mock of a message thread. A single large serif quote with an avatar follows, then four alternating rows pairing short text lists and black pill buttons with rounded cards of blurred, bokeh night photography carrying app icons or chat bubbles, separated by tiny dot dividers. A live-counter band, a blurred-photo CTA card and a light footer finish.

Worth borrowing

Use blurred bokeh night photos as backgrounds for feature cards with floating chat bubbles.
Italicise the one changing noun in a serif hero headline.
Show live running counters of work done as a proof band.