Designing a Better Chicago phone mockup on woven texture

Designing a Better Chicago phone mockup on woven texture, editorial, photographic, warm

Preview image. Unlock full-res

A phone mockup for a Chicago design event, with orange and cream type panels and a vertical hairline axis, floating over a warm woven-wood backdrop.

Industryagency, media
Palette
#74654F
#1E1118
#483A32
#F44E36
#E3D1BB

Summary

A mobile screen for an annual design event, "Designing a Better Chicago", split into a coral-orange upper panel and a cream lower panel, both threaded by a single vertical hairline that branches into a Y near the menu icon.

Visual description

A black-bezel phone sits at an angle on a backdrop of stacked, basket-woven wooden slats in warm browns and grey, the organic texture contrasting the rigid screen. The screen is divided horizontally: the top two-thirds is saturated coral-orange carrying the black headline "Designing a Better Chicago" in a tight sans, with a hamburger icon top-right and a small six-spoke asterisk floating lower-right. A thin white line runs vertically through the whole layout, splitting near the top into a Y that points to the menu. The cream lower third holds the orange-and-black subhead "An Annual Celebration of Design + Impact" with the asterisk inline, and a small teal dot anchoring the bottom-left.

Key takeaway

The continuous hairline axis that stitches two color-blocked panels into one composition, and its Y-branch that doubles as a wayfinding pointer to the menu. The asterisk used both as decoration and as a literal stand-in for the word "Design" is a tidy typographic shorthand.

Reuse notes

Good reference for event or program identities that need a bold editorial feel on mobile without imagery. The textured photographic backdrop is what lifts a flat two-color layout into a presentation-worthy hero; swap in any organic surface to warm up an otherwise graphic system.

More like this