Breadcrumbs

Style templates

👉

Navigation: Templates → Style templates

Style templates provide a powerful way to maintain consistent branding and visual identity across your entire ecosystem of applications. These templates function as a central control system for your brand's visual elements, automatically applying your chosen styles to all customer-facing and merchant interfaces.

With a single configuration, your customized colors, logos, backgrounds, and interface elements are seamlessly implemented across multiple platforms—from Mobile Order and POS systems to Customer Displays, Receipts, Kiosks, and Pick-up Displays. This ensures brand consistency while eliminating the need to manually style each application individually.

image-20250326-081732.png

Tabs

Style template showcasing options for managing various display aspects within apps:

  • Mobile Order: Displays popular menu items with images, descriptions, prices, and availability. Users can view their basket and total cost for a streamlined ordering experience.

  • Customer Display: Provides an order summary for customers, including itemized purchases, preparation details, costs, discounts, and total.

  • Receipt: Formats merchant and transaction details, showing payment method, order ID, date/time, and item overview for well-structured receipts.

  • Kiosk: Offers navigation for kiosk setup screens, such as Welcome, Menu, Checkout, and Newsletter, enhancing user interaction.

  • Pick-up Display: Organizes order statuses into "Preparing" and "Ready" categories, using labels for efficient communication.

  • Color Palette: Allows customization of interface colors, including background, primary, secondary, and status indicators.

This template is designed for efficient management and customization within various app interfaces.

image-20250325-121901.png
image-20250325-121919.png
image-20250325-121919.png

Options

The style template configuration offers detailed customization across several aspects:

  • Colors:

    • Customize branding with options for setting 'Primary', 'Secondary', and 'Background' colors using HEX codes.

    • Notifications can be styled with distinct colors for 'Success', 'Warning', and 'Error', differentiating various states with specific color combinations.

  • Appearance:

    • Enable or disable the 'Dark theme' to align with your brand's color palette.

    • Choose the button style from various options: 'Round', 'Rounded', or 'Square', affecting the overall aesthetic of user interactions within the application.

  • Logo:

    • Upload logos in formats such as SVG, JPEG, PNG, or GIF, adhering to a maximum size of 500 KB.

    • Choose a 'Logo frame' style, options include 'Round', 'Square', or 'None', where frame background fill can also be customized.

  • Background:

    • Set the main background image using JPEG, PNG, or GIF formats, with a size limit of 1 MB, providing a visual backdrop for the interface.

  • Screensaver:

    • Configure screensavers using images or videos, accepting formats like JPEG, PNG, GIF, or MP4, with a maximum file size of 1 MB.

    • Define the duration for display in seconds, adding a dynamic visual element to idle screens.

  • Newsletter (for Kiosk only):

    • Facilitate a post-payment newsletter sign-up with fields for adding images and titles.

    • Include a description and link to a privacy policy, enabling kiosks to engage customers in a personalized manner.

These options offer comprehensive styling capabilities to align the interface with brand identity and enhance user experience across applications.