Show HN: Sixteen sign-in pages for one app, switchable with one env var

sidclaw2 pts0 comments

Login Design Lab · Wordhoard<br>One form · 16 worlds<br>How should entering<br>Wordhoard feel?

Explore 16 working login demos—each built around a different visual thesis, interaction metaphor, and emotional tone.<br>Start the full-screen tourEvery concept here is a working sign-in page from Wordhoard, an MIT-licensed app. Any of them ships by setting LOGIN_THEME.

The collection<br>Choose a door to open.

Every card opens a separate interactive demo. The small “Wordhoard pick” marker identifies the five strongest brand fits—not the only five worth exploring.

01<br>Spatial graph<br>Prompt Cosmos<br>A deep ink-violet universe where prompt variables form a luminous knowledge constellation around the form.<br>Open interactive demo

02<br>Ambient glass<br>Aurora Console<br>A translucent graphite login slab floats over slow violet, cyan, and coral aurora light.<br>Open interactive demo

03Wordhoard pick<br>Generative textile<br>The Prompt Loom<br>Fine threads carry variable chips into a woven prompt ribbon beside a warm editorial form.<br>Open interactive demo

04Wordhoard pick<br>Isometric object<br>Version Stack<br>A sculptural stack of prompt versions fans out behind the approved, glowing top sheet.<br>Open interactive demo

05<br>Lifecycle diagram<br>Collaboration Orbit<br>The login is the nucleus of an orbital system connecting Create, Run, Share, and Improve.<br>Open interactive demo

06<br>Spatial architecture<br>Infinite Library<br>A perspective corridor of prompt cards recedes toward a violet horizon behind the entry panel.<br>Open interactive demo

08<br>Tactile editorial<br>Paper Review Desk<br>Layered review sheets, pencil notes, clipped tabs, and an Approved stamp create a warm workbench.<br>Open interactive demo

09Wordhoard pick<br>Editorial typography<br>Swiss Signal<br>A rigorous poster grid, cropped PROMPT / OPS typography, and one decisive violet form block.<br>Open interactive demo

11<br>Technical drawing<br>Living Blueprint<br>A cobalt drafting field diagrams {{input}} → Run → Review → Official around a pinned white panel.<br>Open interactive demo

12Wordhoard pick<br>Optical sculpture<br>Prism Processor<br>Messy text fragments enter a glass prism and leave as perfectly structured violet output rows.<br>Open interactive demo

13<br>Kinetic data<br>Streaming Ribbon<br>Long typographic ribbons carry prompt fragments and variable chips behind a minimal form.<br>Open interactive demo

15Wordhoard pick<br>Product preview<br>Bento Cockpit<br>The form anchors a mini Wordhoard workspace of weekly runs, Official prompts, and approval activity.<br>Open interactive demo

16<br>Archival object<br>Index Card Archive<br>A modern catalog of fanned prompt cards, alphabetical tabs, and a violet OFFICIAL divider.<br>Open interactive demo

17<br>Organic system<br>Generative Garden<br>Branching lines grow variable leaves and restrained violet prompt blooms across an ivory field.<br>Open interactive demo

19<br>Radical minimalism<br>Quiet Horizon<br>A vast dawn gradient, one razor-thin horizon, and one small orb surround a borderless form.<br>Open interactive demo

20<br>Expressive typography<br>Kinetic Sentence<br>Giant Create, run, share, improve fragments become the page architecture around the login.<br>Open interactive demo

open interactive demo prompt form violet

Related Articles