Cosmos

Quiet, ethereal, and deeply refined. The layout acts like a sunlit art gallery where floating reference cards drift in gentle perspective across a warm off-white canvas. High-end editorial photography and minimal rounded pill controls evoke an unhurried, tasteful creative sanctuary.

serene mysterious reassuring dreamy

Visit site

Rated

6.6/ 10

From 7 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.

AI scorejudged: 10.0
Systemmeasured: 3.6
Distinctionmeasured: 4.3

on the grid: 0%
vertical rhythm: 38%
type on a scale: 45%
contrast passing AA: 60%
unlike the library: 0.65
model craft: 8.3/10
model deviation: 5.1/10

Colour

Background#f7f5f3

Text#0d0d0d

Accent#d1543e

Surface#ffffff

Muted#6e6a69

Typefaces

Display: cosmosOracle
Body: cosmosOracle
Mono: —
Source: self_hosted
Scale: 14 · 15 · 16 · 24 · 26 · 33

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 9999px · 16px

Capture

Category: tools
Sections: 7
Captured: 2026-09-16
Rhythm: warm light x8

Type rules

display type set in sentence case with tight negative tracking (-0.05em)
body text constrained to narrow measures around 40 characters for editorial poise

Colour rules

soft off-white canvas (#f7f5f3) dominates the entire viewport
color is introduced almost exclusively through user imagery and subtle tinted card containers

Voice rules

headlines kept to under seven words with tight sentence casing
curatorial and taste-driven vocabulary without tech jargon

Holds it together

all interactive actions and search inputs use fully rounded pill shapes
maintain expansive negative space around centered editorial typography
feature cards use rounded corners and subtle tinted backgrounds to frame art

Contrast

text on background17.9:1 AAA

muted text on background4.9:1 AA

text on surface19.4:1 AAA

accent on background3.8:1 AA Large

background on accent3.8:1 AA Large

Type, measured

Body: 14px / 1.43
Measure: 40 characters
Display: 74px / 1
Tracking: -0.05em display
Scale ratio: 1.52

Voice

Tone: poetic, refined, minimal
Sentences: short
Person: second
Vocabulary: aesthetic
Calls to action: sign up, get, watch, download

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: sticky_top_bar, 7 items, sticky
Length: 6.9 screens

Mode

Sections in page order

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
A tranquil, spacious canvas featuring floating curated media tiles radiating outwards from crisp, centered typography.
Mood
serene + dreamy
Layout
1 col · centered · airy
Open section →
01
hero
A blurred cinematic video embed floats centrally on a muted warm canvas, evoking quiet suspense and curiosity.
Mood
mysterious + dreamy
Layout
1 col · centered · airy
Open section →
02
feature
Quiet and elegant feature presentation showcasing curated interior photography behind a floating search bar pill on a warm sage canvas.
Mood
serene + cozy
Layout
3 col · stacked · airy
Open section →
03
feature grid
Crisp and serene feature grid demonstrating visual search modes through artful photographic compositions and clean UI chips.
Mood
serene + luxurious
Layout
3 col · stacked · airy
Open section →
04
feature
Strong
Quiet editorial feature pairing an artistic central photograph with balanced, spacious typography.
Mood
serene + luxurious
Layout
3 col · split · airy
Open section →
05
logo bar
Quiet and prestigious client logo bar anchored by a confident single-line headline on clean off-white space.
Mood
reassuring + luxurious
Layout
8 col · stacked · airy
Open section →
06
cta
Strong
A weightless vortex of floating photographic memories converging around a bold pill call-to-action above a massive footer wordmark.
Mood
dreamy + ethereal
Layout
1 col · centered · airy
Open section →