PayGo. Pay and go your way.

Screen system and visual language for PayWise's lightweight point-of-sale app. Merchant flows built for busy counters; customer flows built for a checkout that finishes in seconds.

Tap, scan, link — no login at the counter

Every screen and spec below is exported straight from PayGo App Design.figcraft — 390 × 844 artboards, auto-layout, Poppins, 24 variables and 26 styles.

Brand system

One wordmark, inverted.

PayGo keeps the PayWise letterforms but flips the colour split: Pay in blue, Go in green — so “Go” reads like a green light. The artwork below is the official PayGo vector.

Colour

Large blue buttons use Blue Deep #195A9E (not the lighter Pay Blue) and green buttons use dark text on Go Green, for AA contrast.

Pay Blue#1B92CE

Go Green#69CE57

Blue Mid#1A6CA8

Blue Deep#195A9E

Blue Darkest#04507F

Green Mid#5FAD4A

Green Dark#4E893B

Ink#141414

Muted#5B6B7C

Line#DDE4EC

Surface Soft#F4F6F9

Tint#EEF7FC

Tint Line#C9E4F2

Error#B3261E

Error Soft#FBECEA

On Green#06283F

Type

Poppins throughout — no display faces, no decorative weights. Weights in use: Regular, Medium, SemiBold, Bold, ExtraBold.

Components

The atoms every screen is assembled from. Bottom navigation is a real component in three states — the merchant screens use instances, so editing the component updates every screen.

Bottom nav / Home

Bottom nav / Transactions

Bottom nav / Settings

Colour decision: the attached merchant spec proposed #0A52C6 and #00C853. That would break brand consistency, so this design uses the PayWise palette above. The wordmark keeps its official vector colours, #1E64A7 and #5CA032.

Merchant app · PayGo Merchant

The counter, unblocked.

Opens directly into amount entry. Tap & Pay and QR are the primary rails; payment link sits lower as a remote-selling tool. A read-only device profile keeps staff fast and the account locked to the owner.

M-0 · Idle

Standby screen saver

Customer-facing ambient state; double-tap to wake into amount entry.

M-1 · Home

Instant amount entry

No login. Prominent keypad, then Tap & Pay, QR, or payment link.

M-2 · QR

Dynamic QR presentation

Business-account QR for open camera scanning; supports a secondary customer screen.

M-3a · Outcome

Payment successful

Colour, chime and receipt actions resolve the moment hands-free.

M-3b · Outcome

Payment declined

Unambiguous failure state with a clear reason and fast retry.

M-4 · History

Transaction history

Searchable log, status badges, and re-issuable receipts.

M-5 · Settings

Device profile & settings

Read-only business info, audio toggle, fee allocation and key pairing.

M-6 · Provisioning

Pair new device key

One-time binding generated from the PayWise portal; daily use stays login-free.

Customer app · PayGo Customer

Pay in seconds. Keep the receipt.

Card details are tokenised at the first checkout; after that, it's saved cards plus biometric confirmation. Receipts build a personal expense log automatically.

C-1 · Onboarding

Express registration

Minimal setup — enough for receipts and future one-tap checkout.

C-2 · Checkout

Biometric authorization

Saved tokenized cards plus Touch ID — no PIN, no OTP at the terminal.

C-3 · Receipt

Receipt & notes

Automatic receipt capture plus optional text or voice notes.

C-4 · Log

Customer payment log

Every PayGo transaction across merchants, with receipts in one place.