Full Themes
Full themes apply colors, fonts, card style, dropdown style, shadows, and spacing all at once. Styles range from scrapbook and dossier to candy-chaos, sea-glass, editorial, and more. Pick one as a starting point, then adjust anything from the other tabs.
Color-Only Presets
Only changes the color palette. Fonts, card style, and summary style stay the same.
Manual color controls for each part of the layout.
Primary Accent
Secondary Accent
Tertiary Accent
Text & Card Background
Generates OKLCH values for modern browser support.
Color Harmony Generator
Auto-fill all colors from the Primary Border color.
[Gradient] Direction
Shadow Style
[Border] Radius
10pxCurated font stacks pair a body and heading font. Pick a stack or set each font individually below. [✓] = web-safe, no CDN needed. [CDN] = loaded from Bunny Fonts (privacy-safe CDN), with CoolLabs Fonts as fallback. Both are GDPR-compliant, no-tracking alternatives to mainstream font CDNs.
[Collections] Font Stacks (Curated Pairings)
Click a stack to set both body and heading fonts at once.
Body Font
Heading Font
Body Font Weight
Heading Font Weight
Name Font Weight
Font Size
11pxLine Height
17pxLetter Spacing
0.6pxText Transform
Name Size
20pxAvatar, layout images, sizing, and image styling controls.
[Icon] Header Avatar
60px[Layout] Multi-Image Grid
Main Character Image
500pxSecondary Image
220pxThird Image
180pxFourth Image
180pxFifth Image
180pxSixth Image
180pxImage styling
Image Border Width
1pxSet to 0px for no border.
Image Mask Shape
Image Border Radius
8pxCharacter info, section content, and quick-add templates.
Header content
Character Name
Under-name display
Choose what appears beneath the character name
Footer badge
Footer Badge Text
Basics grid
Top Basics Grid
This is the always-visible top grid. Write one item per line as Label:Value.
Mini line blocks
Add small info modules like Character, Player, OOC, etc.
Each block has a title and label:value rows. Add as many as you need and keep each group clearly separate.
Dropdown sections
Dropdown Sections
Edit each section's content below. Use basic HTML.
[Templates] Quick-Add Section
Click to add a pre-formatted section with placeholder content. You can edit the title and text after adding.
Column layout, dimensions, card and dropdown styling.
Layout Mode
One-Column Template
Two-Column Template
Three-Column Template
Max Width
540pxCard Padding
8pxSection Gap
8px[Style] Dropdown Summary
Choose how the collapsible section headers look.
Card Border Width
1pxCard Border Style
[Style] Card / Module
Choose how the content cards, details panels, and module containers look.
Indicator Icon
Hover Effects
Sections open by default
Live Preview