Preview image. Unlock full-res
A staggered grid of phone mockups on black showing the Brewser social system, mixing flat colour illustration posts, headline cards and brewery photography.
More like this
See all
Summary
The social system laid out as a wall of phones, alternating flat illustrated cards, big-type headline posts and real brewery photography so the feed reads as a rhythm.
Visual description
Outlined phone frames float on a black background in five vertical columns, offset vertically from each other so the grid staggers rather than aligns. Each phone shows a social post inside a familiar feed interface with a top bar, like and comment icons and a truncated caption line. The posts cycle through several template types: a black card with the lowercase wordmark set large in pink surrounded by tumbling astronaut doodles and yellow sparkles; a warm yellow card reading "Take me to your brewer" in dark green serif above a line-art rocket and a tipped-over box spilling bottles; a mid blue card with "Houston, we have a cold one." in yellow serif above a photograph of beer being poured into a printed glass; a mint green card reading "Planet-friendly boxes, Other-worldly beers." above a UFO beaming bottles into a stack of boxes; a dark green card with "Choose your own adventure" in yellow over a photographed lineup of illustrated cans; a doorstep photograph of a kraft brewery box; a group photograph of a brewery team under an arched sign; and a promotional card giving a monthly price with the web address in a pink highlight box. Every card carries the wordmark or the orbit monogram in a corner.
Key takeaway
The system is built from three interchangeable post types, flat illustration, big-type headline and unretouched partner photography, so the feed alternates loud and quiet without a single post looking off-brand. Staggering the phone mockups instead of aligning them lets a viewer read the pattern of colour across the whole grid, which is how a feed is actually experienced.
Reuse notes
Reach for this when presenting a social identity and you need to show variety and consistency in one frame. The staggered grid needs a black or very dark backdrop to keep the phone outlines readable. Note that the individual posts get small fast at this density, so pair this overview with a couple of full-size template frames.
