every orb, field, screen and veil on mejistudios.com comes from two files. this page is those two files, running.
▼
orbs
one circle, a radial light source, and a blurred shadow that stays put while the object rises. it is the nav, the section anchors, the avatars, the swatches, the loading posters.
pick one to paint the orb at the top
zones
a fixed-height stage; items sit at percentage coordinates, so the composition holds its shape at any width. under 640px it collapses into a wrapped row.
screens
with no video attached a screen still looks deliberate — the face is generated, and its hue comes from the item’s own id.
stills
five silhouettes · four tilts · tap one
WAITING ROOM
friday · 20:00
00:00:00:00
a countdown to the coming friday at eight in the evening, local time.
countdown(el, { target })
controls
1:24
a badgea chip
.card + .f-input + .f-hint
two files
meji-sky.css — the sky, the twelve orb palettes, bob and halo and ring,
the floating fields, the screens, the five still silhouettes, the controls, the veils. meji-sky.js — the veil stack, orb painting, deterministic scatter,
hover-wake previews, the countdown.
no build step, no dependencies, no npm. reduced motion stops every animation.
v0.1.0
the paper
a reading surface · four corner radii
the cream page has a different radius at every corner, which is why it reads as a torn sheet instead of a card. it is the only surface on the whole site where text is dark on light.
everything else floats on the sky and is cream on blue.