Arie

Item: Arie
Rating: 7

App that recommends city places and activities by taste.

7.0/10MABTU rating

DESKTOP · 1440 × 7,419/ ↗

MOBILE · 390

Section outline · Home

01heroDusk photo, italic accent, lime CTA
02problemScattered pin diagram with three bullets
03featureBrowser mock of the filter flow
04testimonialsMasonry of small avatar quote cards
05comparisonThree columns, Arie tagged in lime
06featureSaved-trip UI beside copy
07ctaBoxed form, lime button
08footerLink columns over a globe image

Rating · Home

Visual design7.2

UX & clarity7.4

Originality6.5

Craft & consistency7.2

Motion5.5

Performance & a11y8.0

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

Main colours

Light·white background·vivid

Typography

ABC Diatype Variable Unlicensedheading · sans · self-hosted ABC Diatype Variable Unlicensedbody · sans · self-hosted Interaccent · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Photography-led Rounded / soft Product-UI-led FAQ accordion Sticky header Tabs Transparent header

Also: Google Analytics

Design DNA

Dusk photograph hero under a transparent header, with a sans headline that swaps two words for a handwritten italic and a lime pill CTA beside a white outline button. Sections alternate white and pale grey, each centred with the same italic-in-sans headline device, one short grey paragraph and a rounded product screenshot or a scattered dot diagram. A three-column comparison (GPTs, Maps, Arie) marks the winner with a lime tag. Testimonials are a low-contrast masonry of small avatar cards.

Worth borrowing

Swap two words of every headline into a handwritten italic to carry the brand without extra graphics.
Illustrate 'too many options' as a scattered field of coloured pins rather than an icon.
Tag your own column in a three-way comparison with the accent colour instead of a full highlight panel.