Preview image. Unlock full-res
A dark-to-light mode transition for the OpenCode Reloaded website, featuring a bold spaced typographic title that animates from scrambled glitch characters to clean readable text.
More like this
See all
Summary
A dark-to-light mode transition for the OpenCode Reloaded website, featuring a bold spaced typographic title that animates from scrambled glitch characters to clean readable text.
Visual description
A near-black page shows a centered two-line monospace title in wide-tracked capitals, where some letters are swapped for glitchy substitutes like a slashed zero, a euro sign, a 3 and a hash, and the first character is boxed with a cursor-like frame. Below it, a narrow centered column of serif body text in warm off-white runs with italic emphasis and small keyboard-key chips. A small back arrow and brand name appear top left, with a moon toggle and speaker icon top right. A faint smoky streak floats above the title.
Key takeaway
Pair a monospace, scrambling display title with a calm, long-form serif reading column, so the technical headline and the essay-like body feel deliberately in contrast.
Reuse notes
Reach for this as a ui screen reference. Pairs with typographic, minimal directions. Original by Kit Langton.
