cobe.vercel.app

The homepage of COBE, Shu Ding's 5KB WebGL globe library, is a single white page built almost entirely out of one color and two pixel monospace faces. A soft-shadowed sphere floats in a white void, its landmasses stippled in tiny black dots, with black arcs and pin markers labelled in tiny mono chips (hnd1, sfo1, "493k req/s"); a 13-slide carousel of presets sits under it with dot pagination and a thin blue progress rule. Everything textual is set in GeistPixel (body, 13.6px) and DepartureMono (labels, 10.4px, wide-tracked caps), which gives the whole page a terminal-readout, early-Macintosh flavour without ever going dark or neon. The one accent, an uncompromising electric blue (#022fff), does all the work: links, the tab strip of the install-prompt bar, and a dense two-column API reference drawn as a 1px blue-bordered table with a solid blue block filling the empty last cell. No cards, no rounded corners beyond 4px, no gradients — just white, black dots, and blue hairlines.

Set the page on pure white (#ffffff) with near-black text (#0f0f0f) and one electric-blue accent (#022fff); allow only a pale blue tint (#c4cffd) for hover/selection and a light gray (#d7d7d8) for hairlines and inactive states. Use two pixel monospace faces: a body pixel mono (GeistPixel or similar, ~13.5px/1.6, letter-spacing 0.25px) for all prose and code, and a narrower pixel mono (DepartureMono or similar) at ~10.4px, weight 400, uppercase, letter-spacing ~1.2px for labels, section headings, table meta and chips. Do not introduce a display size — headings are the same small label style in blue; hierarchy comes from tracking, color and inversion, not scale. Borders are 1px solid in the accent blue for content structures (tables, code panels) and 1px gray for controls; radius is 0 or 4px max; no drop shadows on UI, no gradients, no filled buttons — actions are bare uppercase mono words or 1px-bordered squares with an arrow glyph. Tables are edge-to-edge grids with equal-width columns, cells padded ~12px, each cell a small stack (mono name in blue, type in gray mono, flag in tiny blue caps at the right, then one-line description in body mono); fill any orphan cell with solid accent blue rather than leaving it empty. Data chips are tiny mono rectangles, black-on-white for identifiers and white-on-black for values. Any illustration or 3D object should read as print: black dot-matrix or halftone on white with only a soft shadow for volume, decorated with thin black arcs and small triangular markers. Links are accent blue, no underline; pagination is small gray dots with the active one blue above a hairline progress rule. Keep the layout a single centered column (~640px) with generous vertical whitespace and no cards.