Tracking Order Page, UX/UI Portal Configurations

General Configurations 

• There are configurations that doesn't apply to any section but rather to whole page:

- Tracking order containers background color: HEX

- Tracking order page shadow: Px + RGB

- Tracking order page text color: HEX

---

Detailed Explanation of Each section

This page is divided into 4 sections to better understand what can be change: 

1. Title and transportation status

2. Shipping details

3. Return details

4. Resolutions details

• Let’s have a look on each one by one and see in details what can be configured:

1.Title and transportation status

• No configurations yet

 

2.Shipping details

1. Method title color: HEX

 

2. Method description color: HEX

3. Transport title color: HEX

4. Transport description color: HEX

5. Tracking number title color: HEX

6. Tracking number description color: HEX

7. Status title color: HEX

8. Status description color: HEX

9. Download label button 

1. Label button background color

2. Label button text color

3. Label button Icon color

 

3.Return details

1. Pending tag

• “Pending” tag background color: HEX

• “Pending” tag text color: HEX

• “Pending” tag border color: HEX

• “Pending” tag border radius: pixel number (0px)

 

4.Resolutions details

1. Pending tag

• “Pending” tag background color: HEX

• “Pending” tag text color: HEX

• “Pending” tag border color: HEX

• “Pending” tag border radius: pixel number (0px)