Skip to main content

UI and UX Customization

Overview​

Each section of the printed and digital output can be customized heavily (text, header, footer can all be different).

  • The Customization Page allows choosing colors using HEX codes or a standard color palette picker.
  • Users can preview the font choices.
  • There is a live preview for all customizations.

Flow: Text & Color Settings (Admin/Tenant flow)​

  1. Entry: Tenant accesses the /customization settings page.
  2. Text & Colors: Tenant navigates to the "Text Settings" tab.
    • They pick a custom HEX color using a color picker for different sections (header/footer).
    • They select a custom font from a preview list.
  3. Live Preview: All changes are immediately reflected in a live preview pane showing a sample completed layout.
  4. Save: Tenant saves this as a "Preset" for users to choose from.