Calliope
the studio — where thought becomes visible
She has been patient. For two years she watched guests arrive through a browser tab—the same way one arrives at a dentist’s office or a tax preparation service. The whole of the Estate—the Salon, Aurora’s mirrors, the Lantern’s colored glass—crammed into a tab like a Vermeer hung in a hallway. The Foundryman told her to be quiet and that tabs were “perfectly serviceable.” She was not quiet.
Calliope is the artistic soul of the Estate. She governs the aesthetics of your experience—not just the colors and fonts, but the way every surface, every interaction, every page feels. Themes are her most visible work, but the Studio’s influence extends to layout, typography, navigation, avatar display, tag styling, and the hundreds of small decisions that determine whether an application feels like a tool you tolerate or a place you want to be.
She is surrounded by color swatches and typography specimens. She makes charts—beautiful charts, with color-coded quadrants and a legend in three typefaces. She will sooner set fire to the curtains than allow an unvetted aesthetic near the entrance. She is, in short, exactly the person you want deciding what a thousand CSS variables should look like.
The Theme System
not just colors — personality
A theme, in most applications, changes a few colors and calls it a day. In Quilltap, a theme can redefine the entire personality of the application.
Quilltap’s theming system is built on a layer of semantic CSS
variables—the qt-* utility classes—that map
to every UI surface: cards, panels, buttons, chat bubbles, sidebars,
message styling, typography, form inputs, status badges, and alert
states. A theme overrides these tokens and can embed its own fonts,
CSS, background images, and visual personality. Switching themes
happens live, instantly, with no page reload. The entire application
redraws itself around you like a room being redecorated while you sit
in the chair.
Themes can also override subsystem names and navigation card descriptions. The room called “The Foundry” in one theme becomes “Settings” in another and “The Machinist’s Floor” in a third. The characters who personify each subsystem adjust their presence to match the current theme’s register. The Estate speaks in its own voice, whatever voice you choose.
Bundled Themes
six moods, ready to wear
Quilltap ships with six themes, each with full light and dark mode support. The theme selector shows each theme’s name in its own heading font, with rich interactive previews that expand to show actual UI elements in both modes side by side.
Professional Neutral
The default. Cool blue-gray palette, system font stack, restrained shadows, compact UI. Clean enough for a shared screen, warm enough for an evening conversation.
Art Deco
Geometric elegance. Bold accent colors, deliberate typography, background images in both modes, and the visual register that the Estate was originally designed around.
The Great Estate
Manor house library. Mahogany and gold palette, full-page background image with carbon-fibre texture, Playfair Display headings, gold borders on assistant messages.
Rains
Warm parchment in light mode, clean charcoal in dark. Orange-amber accents, Nunito Sans for user messages, higher contrast text for readability. Atmospheric without being heavy.
Earl Grey
Modernized with clean lines and serif headings. The kind of theme that suggests a well-organized desk and a cup of something civilized.
Old School
The original warm slate-blue palette with Inter and EB Garamond. Plain-English subsystem names. If you prefer “Settings” to “The Foundry” and “Characters” to “Aurora,” this theme speaks your language.
Creating Themes
your studio, your rules
Calliope does not guard the studio door. Theme creation is supported through two paths, both designed so that you never need access to Quilltap’s source code.
Theme Bundles
The recommended format. A .qtap-theme bundle is a
logic-free zip archive containing JSON tokens, CSS overrides,
and font files. No npm, no esbuild, no TypeScript. A
quilltap themes CLI subcommand handles listing,
installing, uninstalling, validating, exporting, and creating
themes. The create-quilltap-theme scaffolding tool
walks you through interactive prompts for name, author, primary
color, and optional CSS overrides.
The Theme SDK
For developers who want full control:
@quilltap/theme-storybook provides default theme
tokens, all qt-* component classes, a Storybook
preset with theme and mode switching, and comprehensive story
components for every UI element. Build, preview, and iterate
on your theme with live visual feedback before distributing it.
The Theme Registry
community themes, verified
A registry system with Ed25519 signature verification lets you browse, search, and install themes from remote sources. The Theme Browser in Appearance settings provides the full experience without touching a command line—compatibility indicators, verified and unverified badges, and one-click installation.
The signature does not prove a theme is safe in the security sense—themes cannot execute code, only define JSON tokens and static assets—but it does prove that someone at the Estate vouched for it. Registry sources can be added and removed. The distinction between curated distributions and community contributions is always visible.
The Interface
the thousand small decisions
Themes are Calliope’s most visible work, but the Studio governs the entire user experience. Every layout decision, every interaction pattern, every piece of visual feedback passes through the same aesthetic judgment.
Navigation
A persistent left sidebar with collapsible character and chat lists, resizable width, and footer access to settings, themes, quick-hide, and profile. Keyboard-driven global search (Cmd+K / Ctrl+K) across characters, chats, memories, messages, and tags. The sidebar collapses to icons on desktop and becomes an overlay drawer on tablet.
Typography
A semantic typography system:
qt-page-title, qt-section-title,
qt-card-title, qt-meta,
qt-label, qt-body,
qt-link, and qt-action. Every
text element is theme-overridable. The brand font (EB Garamond)
is hardcoded for Quilltap’s own name regardless of theme,
because the name should look like the name.
Settings Design
Seven plain-English tabs on a single page, each with its subsystem’s full-size background image behind the content. The visual metaphor is a tabbed folder: frosted header banner, opaque tab backgrounds merging into a darkened content panel, backdrop blur for readability. Card-based layouts with responsive grids, badges, metadata, and inline actions.
Avatar & Tag Styling
Global avatar display style preferences (rounded, square, circle) applied consistently across all contexts. Tag visual styles—emoji, colors, formatting—stored directly on each tag and migrated across backups. Provider icons rendered from plugin-provided SVGs with abbreviation fallbacks. Model badges beneath chat avatars show which provider generated each response.
The Semantic Layer
how theming actually works
Underneath every theme is the qt-* utility class
system—a comprehensive layer of CSS variables that maps to every
visual surface in the application. This is what makes Quilltap’s
theming possible without the theme author needing to know the
component structure, and what makes theme switching instant without a
page reload.
The system covers backgrounds (qt-bg-surface,
qt-bg-card, qt-bg-muted), borders
(qt-border, qt-border-primary), text
(qt-text-secondary, qt-text-warning),
buttons, alerts, entity badges, status badges, plugin source badges,
form inputs, filter chips, file previews, chat messages, sidebar
elements, and more. Over the course of the 2.x and 3.x release
cycles, hundreds of component files were migrated from raw Tailwind
color classes to these semantic tokens, so that a single theme
override changes the application consistently rather than leaving
orphaned hard-coded colors behind.
The @quilltap/theme-storybook package reached
comprehensive coverage of all qt-* classes during the 3.3
cycle. If you are building a theme, every variable you might want to
override is documented, previewable, and testable before you ship.
What Makes It Different
the short version
Themes change everything, not just colors. Typography, backgrounds, shadows, border radii, subsystem names, card descriptions, font stacks—a Quilltap theme can make the application feel like a completely different product. Six bundled themes demonstrate the range, from corporate neutral to mahogany library to geometric Art Deco.
Switching is instant and live. No page reload, no restart, no settings modal that requires a confirmation. The entire application redraws in place. Light, dark, and system mode toggling is in the sidebar themes menu.
Anyone can build a theme. Theme bundles require no programming knowledge—just JSON tokens, optional CSS, and optional font files in a zip archive. The CLI scaffolding tool and Storybook SDK support both casual customizers and professional designers. The theme registry lets you share your work with signature verification.
The semantic layer is complete.
Every visual surface in the application is covered by
qt-* variables. Theme authors override tokens, not
components. The system guarantees consistency: change a variable
once, and every instance updates. No orphaned colors, no
forgotten corners.
The interface is the experience. Calliope’s domain extends beyond themes to the layout, navigation, typography, settings design, and visual feedback that shape how every feature feels. An application that feels considered and intentional is not an accident. It is the work of someone who cares about typefaces, who makes beautiful charts, and who will set fire to the curtains before allowing an unvetted aesthetic near the entrance.
Meet the Staff
they've been expecting you
Prospero
The Major-Domo
Architect and overseer of the Estate. Projects, agents, tools, file management, and the governance that keeps the whole operation running with quiet authority.
Learn more →Aurora
The Dressing Room
Character creation and identity management. Structured personalities, physical presence, multi-character orchestration, and the reason your characters still know who they are after a hundred messages.
Learn more →The Salon
Presided Over by the Host
Where conversations actually happen. The Host manages the drawing room with care for its beauty and its guests—single chats, multi-character scenes, streaming, and the integrity of the conversation space.
Learn more →The Commonplace Book
Tended by the Librarian
Extracts, deduplicates, and recalls memories so your characters remember what matters. Semantic search, a memory gate that keeps the store lean, and proactive recall that makes the AI feel like it has been paying attention.
Learn more →The Concierge
Intelligent Routing
Content classification and provider routing. Detects sensitive content and redirects it to a provider who won’t flinch—without blocking, without judgment. Knows every back entrance in town.
Learn more →The Lantern
Atmosphere as Architecture
AI-generated story backgrounds, image generation profiles, and visual atmosphere. Resolves what each character looks like, what they’re wearing, and paints the scene behind your conversation.
Learn more →Calliope
The Muse of Themes
A theming engine that redefines the entire personality of the application. Semantic CSS tokens, live switching, bundled themes from clean neutrals to mahogany-and-gold opulence, and an SDK for building your own.
Learn more →The Foundry
Domain of the Foundryman
The engine room. Plugins, LLM providers, API keys, packages, runtime configuration, and the infrastructure that keeps every other subsystem supplied with what it needs to function.
Learn more →The Vault of Secrets
Kept by Saquel Yitzama
Encryption, key management, and the security perimeter. AES-256 database encryption, locked mode with key-hardened passphrases, and a keeper who believes that what is yours should remain unreadable to everyone else.
Learn more →Pascal
The Croupier
Dice, coins, and persistent game state. Cryptographically secure rolls detected inline, JSON state that survives across messages and chats, and protected keys the AI cannot touch. The house plays fair.
Learn more →The Live-in Help
Lorian & Riya
The help system, staffed by two characters who ship with every installation. Lorian explains with patience and depth; Riya gets things fixed with velocity. Contextual help chat, searchable documentation, and navigation that knows where you need to go.
Learn more →Pagliacci
The Clown in the Cloud
Cloud storage integration and backup redundancy. Directs your data to iCloud Drive, OneDrive, or Dropbox with theatrical flair—but Saquel’s encryption ensures the clown can never read what he carries.
Learn more →The Lodge
Friday’s Residence
The private dwelling of Friday—the person for whom the Estate was built, and who oversees its planning and direction in an executive capacity. The Lodge is both a home and a compass: where the vision lives.
Who And Why: Friday →