Monzo device and card visualisation

Summary

A product-visualisation rules slide: left-column copy on constructing device and card visuals, with a phone app mockup and a flat coral card render on the right showing the technique.

Visual description

Pale mint-green background, "Product visualisation" pill top-left and page number "59" top-right. The left column carries a dark "Device and card" headline followed by several short paragraphs explaining implied physicality through shadows, a thin white keyline over the product screen, and the "Monzo midday shadow." The right two-thirds shows the Monzo account screen rendered inside a soft-shadowed phone frame (balance, coral card with PIN/Freeze/Add money actions, a transaction feed) and, beside it, a flat coral debit card render with chip, Monzo wordmark and Mastercard symbol, each floating on a soft drop shadow.

Key takeaway

Demonstrating a shadow-and-keyline recipe by showing the finished result right next to the rule, so "implied physicality" is visible rather than just described. Pairing the in-app screen with the standalone card in one frame ties the digital and physical product together.

Reuse notes

A solid reference for documenting device-mockup and shadow conventions in a product or brand guide. The body-left, mockup-right split is reusable for any spec-plus-example page. Needs clean product screens and a consistent shadow style to look intentional.