Design
The sky design language, live. Everything on this page renders from the same components and lib/sky.ts constants the product uses, so what you see here is what ships — by construction. Every constant carries its dark counterpart: flip the toggle in the header and this whole page moves to its night side.
Artwork
One sky in two moods. No page renders the painting anymore; the working pages keep its flat base color.
ruth-sky.jpgDay mode: full-bleed and unwashed.
ruth-sky-night.jpgNight mode: the same composition after dark — ink turns white, frost turns smoked glass.
ruth-logo.pngThe wordmark glyph, rendered pixelated at small sizes next to “Pluto” in semibold.
Color
Ink and frost sit on the sky base; theme tokens cover everything on panels.
On the sky
Theme tokens
Typography
Geist for UI, Geist Mono for identifiers.
Pills on the artwork
The three button dressings that read against the sky - no panel required.
SKY_PILL_PRIMARY · SKY_PILL · SKY_PILL_GHOST
Buttons on panels
The shadcn variants, for frosted surfaces.
Badges & status
Statuses wear a dot; badges carry everything else.
Panels
Working surfaces share the page's surface: a hairline sets them apart, and clickable ones fill on hover.
Static panel
FROSTED_PANEL — banners, forms, reference cards.
Micky
Live2026-08-26 20:23 UTCManage
Form
The deploy form pattern: label, input, one ink pill.
No password to set up. Open your Pluto from this dashboard and you are already signed in; nobody else can get in.
Bits
The small furniture.