Portal One

Item: Portal One
Rating: 7

A personal AI that remembers your life context and suggests next moves.

7.0/10MABTU rating

DESKTOP · 1440 × 7,049/ ↗

MOBILE · 390

Section outline · Home

01heroCentred serif, chat input, prompt chips, situation icon grid
02featureWide rounded card with weekly preview
03introSingle serif statement paragraph
04problemText left, stacked statement cards right468
05use caseCopy left, phone chat illustration right722
06featuresTwo-column checklist of sources and steps
07quoteShort text with highlighted callout
08productIllustrated cards and journey day table1,783
09comparisonTwo outlined comparison columns604
10ctaChecklist and dark pill button
11footerMinimal single-line links

Rating · Home

Visual design7.3

UX & clarity6.7

Originality7.2

Craft & consistency7.2

Motion5.0

Performance & a11y7.7

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

Main colours

Light·cream background·muted

Typography

Frauncesheading · serif · google Outfitbody · sans · self-hosted

Stack & style

Google Fonts Astro

Minimal Editorial Rounded / soft Review badges Tabs

Also: Cloudflare

Design DNA

Warm cream to peach gradient canvas with a transitional serif for every headline and a small grey sans for body. The hero is a centred serif line over a large rounded chat input with starter prompt chips and a grid of muted coloured square icons for situations. Sections are narrow left-aligned text columns with tiny uppercase eyebrows, paired with stacks of outlined statement cards. Product moments appear as soft phone and card illustrations labelled as illustrations, a journey table, and a two-column comparison of general AI versus Portal One. No photography; tone is calm and personal.

Worth borrowing

Open with a real chat input and clickable starter chips instead of a headline plus button.
Label product mockups as ILLUSTRATION tags so conceptual UI does not read as a promise.
Set the pitch as one serif sentence with a note that everything below is the how and the why.