Gleamer three mobile screens on lavender

Summary

A three-up mobile showcase proving one header system across three very different page types: a photo-led hero, an editorial press release, and a flat blue statement page.

Visual description

Three rounded phone-shaped screens sit evenly spaced on a muted lavender-grey ground, all the same height. Each carries the same header: the halftone symbol plus "Gleamer" wordmark at left, a small pill button reading "Get a demo", and a three-line hamburger icon. The left screen has a pale header over a full-bleed dark photograph of a radiology workstation, with the headline "Let's invent the radiology of tomorrow together" in white ranged left, a white pill button reading "See open jobs" below it, and a circular pause control at the lower right of the image. The centre screen is pale lavender: a small back link reading "ALL NEWS" above a large black headline about raising twenty-seven million euros in series B, then a white card carrying two grey meta chips, "28.06.2023" and "PRESS RELEASE", above a photograph of three men seated on stone steps. The right screen inverts to solid brand blue with the header pill in white, a white headline "Bringing together the best of Humans and Technology", a paragraph of white body copy, and a dome of fine dark stipple dots rising from the bottom edge.

Key takeaway

Locking the header composition, the pill button, and the type scale across three wildly different page treatments is what makes the inversion to full blue feel like the same product rather than a different site. The stipple motif returns as a bottom-edge dome, which reuses the identity device as page furniture instead of decoration.

Reuse notes

Reach for this arrangement when a case study needs to show breadth of page types in a single frame without a long scroll strip. Three screens is about the limit at this width before the body copy stops being readable. The blue screen only works because the other two are light, so keep the ratio if you extend the set.