Meridian
A writing surface · day & night

The page that keeps the same hour as you.

Meridian is a long-form journal whose every surface, line and accent is tuned twice — a warm paper morning and a deep midnight study. Flip the dial and watch a real composition cross-fade, not snap.

Celestial day-and-night emblem: a glowing sun meeting a crescent moon
Fig. 01 — the meridian mark
Two real token setsBackground, ink and accents are hand-balanced for each mode — never a programmatic invert.
Buttery cross-fadeColours ease between states over ~0.68s. Reduced-motion users get an instant, calm switch.
Remembers your choiceFirst visit follows your system setting; after that, your pick is kept on this device.
02 — A spread, both ways

One layout. Two atmospheres that both earn the look.

Below is a single editorial spread from Meridian. Toggle the dial in the header and every card here re-paints — the warm side and the cool side are designed to be equally worth reading.

Feature

The light is the layout.

Meridian doesn't bolt a dark mode onto a light page. The composition is authored in parallel: contrast, halo and accent each have a morning value and a midnight value, and the dial simply chooses which set is painted.

From the field notes

“I kept the window open all night just to watch the same paragraph change its mind about the colour of evening.”

— sample passage, placeholder author

Under the hood

Honest spec sheet

Themes shipped2 (light · dark)
Transition~680 ms ease
PersistencelocalStorage
First paintprefers-color-scheme
Pricing— to confirm

A theme isn't a filter. It's a second deliberate decision about every colour on the page.

Day set · fixed sample

Warm paper morning

Terracotta accent on a soft oat ground. Ink is a deep umber, not pure black — gentler on a bright surface.

Night set · fixed sample

Deep midnight study

Lantern amber on a near-black slate. Text settles to a warm bone white so the page glows instead of glaring.

03 — Take it for a spin

Try the dial. It's the whole point.

Hit the sun-and-moon toggle in the header, then come back here — the entire page, including this card, eases into its other self. Both directions, every time.

Back to the top ↑

No account, no metrics invented for this demo — every number on the page is real or marked “to confirm.”