Branding Customization Guide

Prev Next

Document Review 

This document is intended to introduce what are the branding customizations in the vendor portal and how it works in the customer ends. Branding name, logo, colors can be customized. 

Branding name & logos 

KioCafe Management System’ ‘Settings’ →  

‘General’ 

‘Company Info’. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The branding name and logo application example: kiosk order touchscreen 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

The explanation of fields involved: 

Field Name 

Value Needed 

Description 

Company Name 

Text 

 

Merchant Description 

Text 

A short text description of the company applied on the customer promotion transaction email. 

Company Logo (Square) 

Upload image 

The primary logo across all customer ends. 

Company Logo (Rectangle) 

Upload image 

 

Only seen at the bottom right corner of kiosk order touchscreen. 

Branding colors 

The branding colors will be applied on all customer ends: kiosk order and pickup screen, mobile web browser, customer mobile app, customer email notifications. 

KioCafe Management System’ ‘Settings’ →  

‘Brand’ 

‘Branding Colors’. 

 

The branding color application example: customer mobile app 

     

The branding color application example: customer mobile app transaction email  

 

 

 

 

 

 

 

 

 

 

 

 

  

The explanation of fields involved: 

Field Name 

Value Needed 

Description 

Primary color 

Color code (Hex) 

Primary color is mainly for Call-to-Action UI elements. 

Secondary color 

Color code (Hex) 

Secondary color is mainly for highlight UI elements between content priority in greyscale and primary branding color.