Mapbox OG card

Mapbox OG card, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark split OG card with a white headline and wordmark on the left and a photo of a hand holding a phone running a dark map app on the right.

Summary

A dark split OG card placing a clean white headline and logo on the left against a real lifestyle photo of a hand holding a phone that shows a dark Mapbox route map.

Visual description

The left half is a deep navy field carrying the white "mapbox" logo lockup (a circular pin-style mark plus wordmark) in the top corner, with a three-line white sans-serif headline below, "Maps and location for developers". The right half is a photograph: a hand holds a phone in a clear case, and the screen runs a dark map app showing the Big Sur coastline with a glowing blue route line tracing the highway. The photo's soft, light, out-of-focus background contrasts with the dark navy panel, and the seam between graphic and photo falls near the center.

Key takeaway

Marrying a flat brand-colored panel to a real in-hand device photo so the product feels physical and in-use rather than a flat screenshot. Letting the phone's own dark UI echo the navy panel so the two halves read as one piece.

Reuse notes

Great for a developer tool or SDK whose output is a visual on a device, like maps, AR, or camera tech. Needs a genuinely good lifestyle photo with the screen legible. The dark panel keeps the white type sharp and lets the on-screen accent color glow.

More like this