Skip to main content

What can be customised on the new User Interface (UI)?

Written by Kevin Cheav

Quick answer: Follow the steps in this article to what can be customised on the new User Interface (UI)?.

Whilst not everything can be changed, we can customise the options below. Please email us at: [email protected] to make these changes for you.

1. Logos

1a. Header Logo

below. Please email us at: <a href="mailto:support@nomni.ai" rel="nofollow noopener noreferrer" target="_blank">support@nomni.ai</a> to make these changes for you. 1. Logos 1a. Header Logo

1b. Method Option icons

pkkDKcqUS%2Ba9HCgS8I3Z0HQ%2BYdS5Wc%0AL%2F4VEcnRn5mS0%2F9ilNaYM5T3f1U%3D%0A'&gt; 1b. Method Option icons

1c. Desktop Logo

YZjB%2B9eyUO5IfNzsEtr931ZU15hsDLjtLAYXW%0AABXzi%2BH3f83V%2BXn7EJLDG2n%2FBMk%3D%0A'&gt; 1c. Desktop Logo

1d. Mobile Logo

gZUBKYX23YzODORPQ%2Bf1%2Bci7traOptajyfoFCM3d%0AbPlN1dTnybMJfEiXp%2BuXecQost8%3D%0A'&gt; 1d. Mobile Logo

2. Colours

Only primary & secondary colours are customisable

H%0AIZfvwLZeGMh5n41E9sxtY7IPa0Y%3D%0A'&gt; 2. Colours Only primary &amp; secondary colours are customisable

2a. Primary Colour controls

Primary Button Colours: Category buttons, Shopping cart buttons, Checkout pay buttons, Ingredients options buttons and add buttons.

Highlight Text: “Edit”, “Add Promo Code”

t pay buttons, Ingredients options buttons and add buttons. Highlight Text: “Edit”, “Add Promo Code”
tainer'&gt;

Primary colour also controls the font colours when you select “Guest” & “Login” below

select “Guest” &amp; “Login” below
er'&gt;

2b. Secondary Colour controls the button background of secondary buttons such as “Login & Guest”, “Select Location”, “Edit” and “Add promo code”

Select Location”, “Edit” and “Add promo code”

3. Fonts

Only category names and product names can be customised to different fonts

b3mRbbvM%3D%0A'&gt; 3. Fonts Only category names and product names can be customised to different fonts

4. Imageries

Category image: 1200px x 300px

2z0Aomhese0n2YC8%0A7tTXG9e2%2BOkQjXHTBHPoqD7xPEs%3D%0A'&gt; 4. Imageries Category image: 1200px x 300px

Desktop hero image: 1920px 1080px

LeeJ%2BdpQqNah2TFLAGf7WJb8KE%0An8xp67vgsNprPK6E2mSEx045QFg%3D%0A'&gt; Desktop hero image: 1920px 1080px


​mobile hero image: 1920px x 1080px

KmWkE0PzYu8IQGrQpehKMwLi4%0An0s0lOv4a91cy60dqrsmSS1MPgk%3D%0A'&gt; ​ mobile hero image: 1920px x 1080px

5. Product view list OR Category view list display for Mobile only.

5a. Product view which shows the categories across the top horizontal view:

"Starters, Oven Cooked, Salads...."

view which shows the categories across the top horizontal view: 'Starters, Oven Cooked, Salads....'

5b. Category Display View - showing list of categories in vertical form.

Category backgrounds can be block colours OR with images. (Click HERE are the instructions to adding category images)

Click HERE are the instructions to adding category images)

6. Pre-Order time intervals

The options are 5, 10, 15, 30, 60 minutes.

6noQL7FXM%3D%0A' width='386'&gt; 6. Pre-Order time intervals The options are 5, 10, 15, 30, 60 minutes.
iner'&gt;

What cannot be customised? Commonly asked questions:

1. The button font colours, system default is white:

cannot be customised? Commonly asked questions: 1. The button font colours, system default is white:

Ecl2nIJfXPMW3nq%2BgXUuJ4YPwV0sZtXBJTlpT%2Fe3dwf4%2BYNpHgkOzGVL%0A60Myrb0mfxCGeIlhE5XpckJtv8Y%3D%0A'&gt;

2. Methods button colours, system default is white:

74gKJIAW6K%0Aesyzr4wFcRi4ADPNMXrzcBsgdYQ%3D%0A'&gt; 2. Methods button colours, system default is white:

3. Platform system background: Default is white

rP4x5cvNou%0A%2FJM0A8f3bClhSCDucNnP9BOl1%2FM%3D%0A'&gt; 3. Platform system background: Default is white

We have dark mode, but the dark background colour cannot be customised

cMW1zIShRHUhtgLyr%2BM%3D%0A'&gt; We have dark mode, but the dark background colour cannot be customised
Did this answer your question?