Luffu

Item: Luffu
Rating: 7.1

App and wearable that help families watch over loved ones' health.

7.1/10MABTU rating

DESKTOP · 1440 × 4,555/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed family photo, frosted preorder card, carousel dots861
02productsThree dark photo cards: app, Luffu Link wearable, coming soon device915
03featuresTabs over centred phone with faded side phones, CTA pill994
04aboutLogo mark, centred line, Our story button595
05pressCream strip of press logos: CNET, Forbes, Axios, The Verge357
06newsletterAvatar stack and email field
07footerLogo left, two link columns

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.6

Craft & consistency7.2

Motion5.5

Performance & a11y7.7

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

Main colours

Light·light grey background·mono

Typography

ABC Arizona Flareheading · serif · self-hosted ABC Arizona Sansbody · sans · self-hosted

Stack & style

GSAP ScrollTrigger Shopify Lottie GSAP Vue

Minimal Photography-led Rounded / soft Hero carousel Hero video Logo cloud Marquee Tabs Transparent header

Also: Google Analytics, Meta Pixel, Cloudflare

Design DNA

Muted sage-khaki background with a soft humanist serif-like sans for headlines and a navy pill button. Full-bleed hero photo of a multigenerational family and dog in front of a house, headline top left, a frosted product card bottom left and carousel dots. Three tall dark product cards with warm bronze photography (phone on a sofa, wearable on a wrist, a home display saying Good morning). A tabbed caregiver section centres a phone flanked by faded phones, then a logo mark, press logo strip on cream, avatar stack newsletter and a simple two-column footer.

Worth borrowing

Shoot every product card in the same warm bronze light so app, wearable and device read as one family.
Use a centred phone flanked by faded side phones to show tabbed use cases.
Place a small frosted product-availability card over the corner of the lifestyle hero photo.