Preview image. Unlock full-res
High-contrast numbered card display on dark grey background showing five sequential process steps (01-05 visible) with small supporting text below each number.
Summary
Horizontal numbered card layout with large monospaced digits (01, 02, 03, 04, 05) on a dark charcoal surface, each with brief supporting text below for explaining sequential process stages.
Visual description
Black-and-white tablet mockup (rounded-corner device) shot at a slight angle against a dark grey studio surface. Inside the tablet screen, a dark charcoal background with white text. Large display numbers (01, 02, 03, 04, 05+, cut off) are set in what appears to be monospaced or geometric sans-serif at very large scale. Below each number sits a small block of white body text (illegible in this shot). The layout is strictly horizontal, card-based, with clear visual separation between each numbered step. A small header section at the top of the screen contains additional white text. The composition emphasizes sequential structure: each number is a self-contained visual unit, and the eye naturally reads left to right across the numbered sequence.
Key takeaway
The visual distinction created by scale contrast: huge numbers (heads), tiny text (supporting details). Dark background makes white type sing and draws focus to the number sequence. The horizontal card rhythm communicates "steps" instantly without any additional visual language. Monospaced numbers read as functional and technical.
Reuse notes
Product onboarding, service workflows, or educational progressions. SaaS dashboards and process-driven applications. Dark mode applications that need to present information hierarchy with stark simplicity. Avoid when color distinction between steps is important; this approach relies on spatial sequence.
