Design System · Mobile

Triavatech App
Mobile UI Template

Figma-style design reference for the Triavatech store app — optimised for Android and iPhone, with Material 3 tokens, core screens, and the reseller storefront (logo + banner + markup pricing) used across the live app.

01

Design tokens

Colour · Typography

Colour palette

Primary Gradient#5B8CFF → #7C5CFF
Primary (M3)#6E8CFF
Secondary / Success#2FD49A
Warning#FFC76E
Danger#FF7070
App Background#0B0F18
Surface#141B2A
Surface Container#1A2335
Primary Container#24365E
Secondary Container#123828
Text#EDF1F7
Muted#98A5C0
Outline#39476A

Typography scale

Display / 32Your balance
Title / 23Services
Heading / 16Categories
Body / 14Choose a service and place your order.
Caption / 12Instant delivery · Secure checkout
02

Core components

Buttons · Inputs · Chips · Cards

Buttons

Inputs

Search services…
Focused field

Filter chips

All · 24 IMEI · 8 Tools · 16

Segmented control

Login
Register

Password checklist

✓ 6+ characters ✓ A letter ✓ A number ○ A symbol

Service card

📱
SmartTool Pro — Unlock
RM 9.99
IMEIInstant
03

Key screens

Android · iPhone

Android · Login
9:41▲▮ ▮▮
Triavatech
Store & Reseller Console
Login
Register
Welcome back
Log in to your account
✉️ Email address
🔒 Password
☑ Remember meForgot password?
Don't have an account? Create one
iPhone · Login
9:41▮▮▮ ▲
Triavatech
Store & Reseller Console
Login
Register
Welcome back
Log in to your account
✉️ Email address
🔒 Password
☑ Remember meForgot password?
Don't have an account? Create one
Android · Register
9:41▲▮ ▮▮
Triavatech
Login
Register
Create your account
Start ordering in minutes
✉️ Email address
🔒 Min 6 characters
✓ 6+ characters ✓ A letter ✓ A number ○ A symbol
By creating an account you agree to our Terms & Privacy Policy.
iPhone · Register
9:41▮▮▮ ▲
Triavatech
Login
Register
Create your account
Start ordering in minutes
✉️ Email address
🔒 Min 6 characters
✓ 6+ characters ✓ A letter ✓ A number ○ A symbol
By creating an account you agree to our Terms & Privacy Policy.
Android · Verify code
9:41▲▮ ▮▮
Verify your email
We emailed a 6-digit code to
user@email.com
4
2
8
1
·
·
iPhone · Verify code
9:41▮▮▮ ▲
Verify your email
We emailed a 6-digit code to
user@email.com
4
2
8
1
·
·
Android · Dashboard
9:41▲▮ ▮▮
Good morning
user@email.com
Available balance
RM 20.00
Referral: RM 5.00 · 12 orders
24
Services
12
Orders
RM 86
Spent
3
Active
🛒Services
◷Orders
💰Top up
👤Profile
🎁 Invite friends — earn RM 5.00
Share code TECH123
🏠Home
🛒Services
◷Orders
👤Profile
iPhone · Dashboard
9:41▮▮▮ ▲
Good morning
user@email.com
Available balance
RM 20.00
Referral: RM 5.00 · 12 orders
24
Services
12
Orders
RM 86
Spent
3
Active
🛒Services
◷Orders
💰Top up
👤Profile
🎁 Invite friends — earn RM 5.00
Share code TECH123
🏠Home
🛒Services
◷Orders
👤Profile
Android · Services
9:41▲▮ ▮▮
Services
Search name, category or type…
🗂 Categories
🛒 All
♥ Favorites
DefaultPrice ↑Price ↓Name
🗂️All
📁iCloud
📁FRP
📁Tools
📱
SmartTool Pro — Unlock
RM 9.99
IMEIInstant
☁️
iCloud Bypass Tool
RM 15.00
Tools
🔓
FRP Unlock — Samsung
RM 8.50
IMEI
🖥️
Remote Unlock Service
RM 12.00
Instant
iPhone · Services
9:41▮▮▮ ▲
Services
Search name, category or type…
🗂 Categories
🛒 All
♥ Favorites
DefaultPrice ↑Price ↓Name
🗂️All
📁iCloud
📁FRP
📁Tools
📱
SmartTool Pro — Unlock
RM 9.99
IMEIInstant
☁️
iCloud Bypass Tool
RM 15.00
Tools
🔓
FRP Unlock — Samsung
RM 8.50
IMEI
🖥️
Remote Unlock Service
RM 12.00
Instant
Android · My Orders
9:41▲▮ ▮▮
My Orders
12
Total
9
Done
2
Active
1
Rejected
All · 12Waiting · 2In Process · 2Success · 9
Live auto-refresh · 9:41:22
Order #118Success
SmartTool Pro — Unlock
RM 9.99
● Done — Delivered instantly
Order #119In Process
iCloud Bypass Tool
RM 15.00
● Processing…
iPhone · My Orders
9:41▮▮▮ ▲
My Orders
12
Total
9
Done
2
Active
1
Rejected
All · 12Waiting · 2In Process · 2Success · 9
Live auto-refresh · 9:41:22
Order #118Success
SmartTool Pro — Unlock
RM 9.99
● Done — Delivered instantly
Order #119In Process
iCloud Bypass Tool
RM 15.00
● Processing…
Android · Profile
9:41▲▮ ▮▮
Profile
Available balance
RM 20.00
Referral: RM 5.00 · 12 orders
💰 Wallet
🧾 Store Orders
📦 Activity
⚙ Settings
💬 Support
Referral program
TECH123
iPhone · Profile
9:41▮▮▮ ▲
Profile
Available balance
RM 20.00
Referral: RM 5.00 · 12 orders
💰 Wallet
🧾 Store Orders
📦 Activity
⚙ Settings
💬 Support
Referral program
TECH123
Android · My Store
9:41▲▮ ▮▮
My Store
Store name
My Tech Store
Global markup: 20%
🏪
RM 8
Available
RM 32
Earned
5
Orders
4
Listed
💰 Store earnings
🛒 Select services
SmartTool Pro
base RM 13.25
iCloud Bypass
base RM 15.00
Store link: /s/MYTECH
iPhone · My Store
9:41▮▮▮ ▲
My Store
Store name
My Tech Store
Global markup: 20%
🏪
RM 8
Available
RM 32
Earned
5
Orders
4
Listed
💰 Store earnings
🛒 Select services
SmartTool Pro
base RM 13.25
iCloud Bypass
base RM 15.00
Store link: /s/MYTECH
Android · Storefront (customer)
9:41▲▮ ▮▮
My Tech Store
Best digital tools · instant delivery
Fast, reliable digital tools with instant delivery after payment.
✅ 128 orders completed
Search services…
Sort ▾
AllIMEIRemoteServer
4 services found
📱IMEI
SmartTool Pro
RM 15.90
+ RM 0.19 fee
☁️IMEI
iCloud Bypass
RM 18.00
+ RM 0.22 fee
🔓Remote
FRP Unlock
RM 10.20
+ RM 0.12 fee
🖥️Server
Remote Unlock
RM 14.40
+ RM 0.17 fee
iPhone · Storefront (customer)
9:41▮▮▮ ▲
My Tech Store
Best digital tools · instant delivery
Fast, reliable digital tools with instant delivery after payment.
✅ 128 orders completed
Search services…
Sort ▾
AllIMEIRemoteServer
4 services found
📱IMEI
SmartTool Pro
RM 15.90
+ RM 0.19 fee
☁️IMEI
iCloud Bypass
RM 18.00
+ RM 0.22 fee
🔓Remote
FRP Unlock
RM 10.20
+ RM 0.12 fee
🖥️Server
Remote Unlock
RM 14.40
+ RM 0.17 fee