You Are Here in Time
Quiet, meditative scrollytelling set against a deep cosmic void. Literary serif prose and ticking monospace numbers measure the passage of time across cosmic, biological, and planetary dimensions.
Visit siteColour
Typefaces
- Display
- Newsreader Variable
- Body
- Newsreader Variable
- Mono
- Space Mono
- Source
- self_hosted
- Scale
- 10 · 12 · 14 · 16 · 21 · 26
Layout
- Grid
- —
- Container
- —
- Spacing base
- 8px
- Radius
- 0px
Capture
- Category
- media
- Sections
- 11
- Captured
- 2026-08-29
- Rhythm
- dark x11
Type rules
- narrative text set in centered Newsreader serif
- all live counters and technical data rendered in Space Mono
Colour rules
- near-black void background #050510 consistent throughout entire narrative
- accent colors tint monospace metrics by thematic chapter (magenta for civilization, gold for renewal)
Voice rules
- frame every metric as a direct consequence of time elapsed since opening the page
- alternate cosmic scale with intimate biological facts
Holds it together
- center all narrative prose in a narrow single column surrounded by vast negative space
- every quantitative fact must tick upward in real time from the session timer
- subtle nebula texture remains fixed in the background while content flows vertically
Contrast
Type, measured
- Body
- 16px / 1.5
- Measure
- —
- Display
- 88px / 1
- Tracking
- -0.02em display
- Scale ratio
- 1.53
Voice
- Tone
- introspective, poetic, scientific
- Sentences
- short
- Person
- second
- Vocabulary
- evocative
- Calls to action
- scroll, share
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- yes
- Nav
- top_bar, 12 items
- Length
- 24.8 screens
Sections in page order
3 marked strong · 11- 00
hero
A deep, swirling purple cosmic nebula backdrop with faint star specks, creating an expansive and mysterious atmosphere.
- Mood
- dreamy + quiet
- Layout
- 12 col · full bleed · airy
- 01
hero
An existential, quiet dark scrollytelling section tracking real-time cosmic motion with glowing counters and elegant serif narrative prose.
- Mood
- quiet + dreamy
- Layout
- 15 col · centered · airy
- 02
statement
StrongQuiet, contemplative narrative on deep space black, pacing cosmic and biological facts with glowing monospaced numbers.
- Mood
- quiet + dreamy
- Layout
- 16 col · stacked · airy
- 03
stats
StrongAn existential, data-driven narrative counter mixing contemplative serif prose with glowing monospaced metrics on a deep black background.
- Mood
- editorial + quiet
- Layout
- 13 col · stacked · airy
- 04
stats
Minimal dark scrollytelling section pairing refined serif narrative prose with glowing monospaced live counters.
- Mood
- editorial + clinical
- Layout
- 14 col · stacked · airy
- 05
statement
A sombre, contemplative dark section pacing out global metrics and human mortality through luminous figures and thoughtful typography.
- Mood
- quiet + editorial
- Layout
- 14 col · stacked · airy
- 06
stats
A quiet, contemplative scrolling narrative pairing reflective serif prose with glowing golden metrics tracking real-time global renewal.
- Mood
- quiet + editorial
- Layout
- 15 col · stacked · airy
- 07
statement
Quiet, poetic statement set in delicate centered serif typography against an empty, dark expanse.
- Mood
- quiet + dreamy
- Layout
- 1 col · centered · airy
- 08
statement
Deep dark contemplative statement section with delicate centered serif typography suspended in vast negative space.
- Mood
- quiet + dreamy
- Layout
- 7 col · centered · airy
- 09
footer
Deep midnight space with delicate literary serifs and monospace language links evoking a meditative, quiet conclusion.
- Mood
- quiet + editorial
- Layout
- 12 col · centered · airy
- 10
footer
StrongA quiet, meticulous data index and credits directory rendered in sharp monospace against deep void space.
- Mood
- clinical + editorial
- Layout
- 14 col · stacked · dense
