Back to theme showcase

Typography & Readability Preview

Read-only preview. Left column is the current app; right column is the proposed scale (page headings 30px, sections 22px, body and inputs 16px, tables 15px, buttons and navigation 15px, labels 13px). Colours are the new Elite Connections palette from the logo: black, brushed silver and champagne gold, already applied across the app.

Type scale — current vs proposed

Page heading

Operations overview

Operations overview

Section heading

Today's departures

Today's departures

Body & inputs

Pickup: Dubai International Airport Terminal 3, 18:00, two passengers with three bags.

Pickup: Dubai International Airport Terminal 3, 18:00, two passengers with three bags.

Label

Booking reference

Booking reference

Tables & controls

Current (12px table, 12px buttons)

BookingRouteStatusPaymentTotal
CR-M00035-1612DXB T3 → Dubai MarinaConfirmedUnpaidAED 157.50
CR-M00035-0905DWC → Downtown DubaiCancelledPaidAED 393.75
Pickup in 2h 15m · Terminal 3

Proposed (15px table, 15px buttons, 13px labels)

BookingRouteStatusPaymentTotal
CR-M00035-1612DXB T3 → Dubai MarinaConfirmedUnpaidAED 157.50
CR-M00035-0905DWC → Downtown DubaiCancelledPaidAED 393.75
Pickup in 2h 15m · Terminal 3

Status badges keep their text labels (Confirmed, Unpaid, Paid, Cancelled) so payment, warning, success and error states never rely on colour alone.

Mobile preview (proposed scale)

My Bookings

Thursday, 22 Oct

DXB T3 → Dubai Marina

18:00 · 2 passengers · Lexus ES

ConfirmedAED 157.50

My Bookings

Thursday, 22 Oct

DXB T3 → Dubai Marina

18:00 · 2 passengers · Lexus ES

ConfirmedAED 157.50

At 16px body text the booking card still fits a 300px viewport with wrapping — no clipped text, no removed columns.

Ready to apply?

On approval this scale is applied across the app behind the visual_update_v1 flag, reversible without deleting data.

Approve in chat Ask for changes