Lore reimagines real-time communication through the metaphor of literature. Every community is a Book. Every conversation is a Chapter. Every voice call is a gathering around the Hearth.
And every Book has a genre — a visual identity that transforms the entire experience. A horror community feels different from a fantasy guild. The UI doesn't just change colors. It changes atmosphere.
Every element speaks the language of literature.
The sidebar becomes a shelf of book spines — each colored by its genre. Click a spine to open the book. The UI animates like pages fanning apart, revealing the table of contents and reading area within.
When a Book is opened, the familiar three-column layout transforms. The shelf remains on the left. A table of contents replaces the channel list. And the reading area becomes the interior pages — textured, atmospheric, alive.
Warm aged parchment. Gold fleuron ornaments between messages. Illuminated drop-cap section headers. The chat area feels like writing in a leather-bound tome by candlelight.
Dark stained vellum. Blood-red ink. Messages separated by scratchy, uneven lines. Offline users go ghostly. The atmosphere unsettles.
Dark matte surfaces with faint blueprint grid lines. Neon cyan pulse separators. Holographic badge pills for reactions. Monospace timestamps that glow. A tome from the future.
Cream linen texture. Rose-gold flourishes. Elegant serif typography with italic author names. The chat feels like exchanging letters pressed between the pages of a favorite book.
The legacy terminal aesthetic — reframed as a genre. Scanline overlays. Monospace everything. Green phosphor on black. For the hackers, the builders, the ones who prefer their manuscripts compiled.
Genres aren't a global setting — they're per-Book. The Author chooses a genre when creating their Book. Navigating between Books is like pulling different novels off a shelf. Each one has its own atmosphere, its own texture, its own soul.
Click a gold spine → parchment unfurls, ornamental headers appear. Click a dark crimson spine → the lights dim, text grows jagged, the vellum stains. Click a neon spine → grid lines snap into place, monospace takes over, everything glows.
A single crossfade transition (200ms) bridges the genres. Fast enough to feel instant. Slow enough to feel intentional.
Even presence speaks the language of books.
| Status | Old Term | Lore Term | Feeling |
|---|---|---|---|
| ● | Online | Currently Reading | They're here, turning pages |
| ◑ | Idle | Bookmarked | Saved their place, stepped away |
| ♾ | Do Not Disturb | Do Not Disturb | Deep in a chapter, don't interrupt |
| ○ | Offline | Book Closed | Gone for now. The book waits. |
The system is built in layers. Shared components form the skeleton. CSS variables set the palette. Texture overlays add depth. Ambient effects bring each genre to life. Adding a new genre means designing a new texture pack — not rewriting components.
Lore gives every community a genre, every conversation a chapter, and every reader a seat by the hearth.
Coming soon.