ADR-004: UI/UX Customization
Status: Proposed
Context
Tenants need granular control over the appearance of their photobooth output. Each section (text, header, footer) should be customizable with different colors, fonts, and content. Users should see a live preview of these changes before saving.
Decision
We will implement a customization system with:
- HEX Color Picker - Custom HEX code input + standard color palette
- Font Preview - Selectable fonts with live preview
- Section-based Customization - Separate controls for header, body, footer
- Live Preview - Real-time preview pane showing changes instantly
Consequences
Positive
- Highly flexible branding options for tenants
- Live preview reduces configuration errors
- Simple toggle on/off from Customization Page
Negative & Risks
- Additional UI complexity in customization panel
- Font loading performance considerations