Monzo UI features no abstraction

Preview image. Unlock full-res

Mockup

Coral slide explaining the no-abstraction level, with left copy and a near-complete Monzo app screen in a phone mockup.

Styleminimal, editorial

Colorvibrant, warm, high-contrast

Typesans-serif, oversized

Moodbold, friendly, energetic

Elementsimage, card, avatar, badge

Tagsui-features, no-abstraction, phone-mockup, full-app-screen, payment-chip, coral-full-bleed, product-visualisation

Palette

#FF4F38

#FFFFFF

#0E7C8B

Summary

A detail slide for the "no abstraction" level: left-column copy on showing the genuine app screen, with a full Monzo phone mockup on a coral field.

Visual description

Full-bleed coral (#FF4F38) background, faint outlined "Product visualisation" pill top-left and page number "64" top-right. The left column has a white two-line headline "UI features: no abstraction" and two short white paragraphs about showing the app in its most genuine state for functional comms. The right side shows a tall phone mockup with a near-complete Monzo Payments screen (account header, Payments/Scheduled/Shared tabs, Pay someone, a "Split the bill" row of four colored initial avatars, an invite-a-friend prompt) plus a white "Sam Shaw / 27.20" payment chip floating over it, all on soft shadow.

Key takeaway

Demonstrating the most literal end of the abstraction scale with an almost-untouched product screen, proving that "no abstraction" still means a deliberately chosen, clean state. The white-on-coral copy with one floating UI chip keeps the example lively rather than a flat screenshot.

Reuse notes

A reusable detail page for the realistic end of a UI-fidelity spectrum, or any "show the real screen" rule. The copy-left, full-mockup-right split on a single brand color is a dependable layout. Needs a genuinely tidy app screen to justify the no-changes approach.