Monzo product visualisation things to avoid

Summary

A product-visualisation "things to avoid" slide: six rejected examples in a three-by-two grid, each marked with a red cross and the mistake it shows.

Visual description

Pale mint background, "Product visualisation" pill top-left and page number "70" top-right. A large dark headline "Things to avoid" over a muted sub-line "Our product visualisation don'ts." Below, six rounded cards in two rows of three, each headed by a small red circular cross and a caption. Top row: a coral card with an over-large shadow ("incorrect shadow opacity"), an orange card with a too-far shadow ("incorrect shadow distance"), a teal card with a lime "Savings account locked" pill ("hero typeface on exaggerated story elements"). Bottom row: a mint card with a phone and card casting opposing shadows, a lime card with a "Split the bill" panel casting a shadow, and a pink card with an oversized "Split the bill" panel casting a shadow ("shadows on focused/exaggerated elements").

Key takeaway

Showing each shadow and typeface mistake as an actual rendered bad example next to its rule, so subtle errors like wrong shadow distance are visible rather than abstract. Mirroring earlier do-this slides with this don't grid closes the section with a clear contrast.

Reuse notes

A reusable don'ts layout for the product-visualisation or mockup section of a guide. The red-cross-plus-caption grid scales to six examples cleanly and pairs with a matching do's slide. Useful specifically for documenting shadow and elevation mistakes.