Customization And Theme Studio Guide

Purpose

Theme Studio is the planner-facing occasion branding layer for Tov+. It owns one occasion-scoped visual identity that can be drafted, previewed, and published across guest web, printables, and signage.

The feature is intentionally constrained. Planners can personalize an occasion without breaking coherence, accessibility, or surface consistency.

What planners can do

• choose a base preset
• rename the current theme
• assign logo, mark, and hero assets from the occasion asset library
• edit safe theme tokens in advanced mode
• preview guest, invitation, and signage surfaces before publishing
• duplicate a draft for experimentation
• reset a draft back to a selected base preset
• publish the current draft to live surfaces

User modes

Simple planners

Simple planners see a guided configuration flow:

• preset selection
• theme naming
• hero/logo asset selection
• live previews

Advanced token editing stays hidden to avoid over-configuring a premium surface.

Advanced planners

Advanced planners can also edit:

• accent and support colors
• sidebar colors
• text colors
• heading/body font family overrides

Unsafe CSS-level controls are intentionally excluded.

Surface model

Theme Studio publishes one canonical occasion theme. Surfaces consume subsets of that model:

• guest web uses global brand, navigation, shell, type, and surface tokens
• printables use the same published theme through the publishing payload builder
• signage uses the same printable rendering path as invitation surfaces

Unsupported surface-specific values degrade by ignoring unsupported slots instead of forking theme state.

Lifecycle

Theme Studio uses a draft/published model:

1. load or create the draft theme
2. edit preset, assets, and constrained tokens
3. validate the draft
4. preview real surface output
5. publish the draft

Publishing updates the live occasion theme returned by the core-model and guest bootstrap seams.

Assets

Theme Studio currently supports the following occasion asset slots:

• logo_asset_id
• mark_asset_id
• hero_asset_id
• decorative_asset_id

Only ready image assets are offered in the planner selector.

Constraints

Theme Studio deliberately limits customization:

• editable colors must be 6-digit hex colors
• accent_soft is derived from accent
• page_background is derived from the accent and supporting surface tokens
• border radius and shadow style stay preset-owned
• font overrides are string-based but intended to come from curated family choices

This keeps customization premium and prevents layout-destroying values from entering the live guest or printable surfaces.