Colophon
How this site was made
This site is a celestial almanac: a hand-printed star atlas you can scroll. Its palette grows out of the hand-drawn blue planet in the logo — blue hour. Two families under one sky: celestial navy with cobalt and gold for astrology, burnt amber with ember and ivory for Oracle Games — and a home page where the two skies blend at one seam.
Three voices set the type. Fraunces, a soft wonky serif, speaks the headlines. Newsreader carries the reading text. IBM Plex Mono is the instrument voice — coordinates, labels, prices — because precision, not mysticism, is the house style.
Every visual is drawn in code — no stock imagery, no image generation: the rotating astrolabe is SVG geometry, the starfield is a canvas, and the moon on the home page is the real moon — its phase and the sun's zodiac position are computed live in your browser from a low-precision ephemeris.
Palette — blue hour
Navy · #0F1729
the sky at blue hour
Indigo · #1C2C4F
night plates
Ivory · #F7F0E0
old ephemerides
Gold · #F2B33C
instrument strokes
Cobalt · #2E5296
the logo blue — type & action
Amber & Ember · #C2711D
Oracle Games — ground & action
Techniques
- Starfield
- canvas — twinkling stars, an occasional meteor; pauses offscreen
- Astrolabe
- pure SVG geometry, counter-rotating rings via CSS
- Split home
- navy night and amber glow blending at one seam — each side a door
- Mouse parallax
- the halves lean toward the pointer; instruments drift with it
- Menu plate
- a full-screen navy site map — Escape closes, focus returns
- Armillary
- a wireframe sphere of three principle-rings — bordered circles in CSS 3D
- Dual chart
- two wheels — subjective and objective — turning against each other
- Event tide
- dash-offset streams flowing past a natal wheel that never moves
- Calibration
- a vernier scale sliding into register — how a birth time is verified
- Tonight's sky
- real lunar phase + sun sign, computed in your browser
- Moon strip
- the next four weeks of real moons, printed woodcut-style
- Moment clock
- a live 24-hour dial — horary charts are cast for the moment you ask
- Game tiles
- 3D flip cards — hover to turn, tap on touch
- Shelf cards
- pointer-tracked tilt with a soft sheen sweep
- Photography
- duotone ink treatment lifted on hover
- Texture
- one SVG-noise grain over every plate
- Motion
- all of it honors prefers-reduced-motion
Designed and built in one session by Claude (Fable 5) for Meteor Insight, with three editorial passes over type, motion, and responsiveness. Set in Fraunces, Newsreader & IBM Plex Mono · built with Next.js 15 and Tailwind CSS v4 · zero added dependencies. The previous design is preserved on the v1-classic branch.