Reflect

Item: Reflect
Rating: 7.5

Networked note-taking app with AI assistant and end-to-end encryption.

reflect.app Save page

7.5/10MABTU rating

Home

DESKTOP · 1440 × 13,460/ ↗

MOBILE · 390

Section outline · Home

01heroCentred headline, glowing arc over dim app screenshot1,339
02featuresEight icon feature grid392
03featuresPrompt box over glowing portal, icon list1,287
04featuresLight cone, backlinks UI, two features1,265
05featuresConcentric rings, two features1,134
06featuresScrambled text, arc over calendar UI1,178
07integrationsFour integrations around node940
08pricingSingle $10 plan in glowing orb1,256
09testimonialsThree-column tweet wall868
10aboutCentred text and button824
11ctaAcademy card, final arc CTA600
12footerDark link columns and newsletter763

Rating · Home

Visual design8.0

UX & clarity7.0

Originality7.6

Craft & consistency7.6

Motion7.0

Performance & a11y7.7

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

Main colours

Dark·dark navy background·vivid

Typography

Aeonik Proheading · sans · self-hosted Inter Vbody · sans · unknown

Stack & style

Swiper

Minimal Gradient-heavy Dark tech Sticky header Transparent header Hero video Text reveal Pricing table Testimonial slider

Also: Meta Pixel, Vercel, Google Analytics, Google Tag Manager

Design DNA

Near-black indigo canvas with centred light sans headlines and tiny grey copy. The recurring device is a glowing violet eclipse arc rising behind dim app screenshots, echoed by a light cone, a glowing portal under an AI prompt box, concentric rings around an icon and a violet orb that holds the single $10 price. Feature groups sit in four- and two-column icon grids. A scrambled cipher text effect, integration icons around a node, a wall of testimonial cards and an academy card with a glowing base follow.

Worth borrowing

Repeat one glowing light shape (an eclipse arc) as the signature for every section.
Place a single-plan price inside a glowing sphere instead of a pricing table.
Decode a line of scrambled characters into a headline as a section transition.