Preview image. Unlock full-res
A dark four-step "how to get started" with a two-tone heading and numbered columns, each anchored by a small product UI mockup.
Summary
A dark, four-step getting-started section: a two-tone headline over four numbered columns (Identify tasks, Train Flank, Deploy Flank, Monitor and Adjust), each grounded by a small product UI mockup.
Visual description
Near-black background with a small "S - 04" counter top-left. A centered two-line headline splits tone: a white first line about the product running on its own within your guardrails, and a greyed second line ("Here's how to get started with Flank."). Below, a faint horizontal tick rule spans four numbered columns (01 to 04), each with a short title and, lower down, a compact UI mockup card: a task checklist, an uploaded-sources panel, a deploy chat, and a live-feed monitor. The columns share a calm, evenly spaced rhythm.
Key takeaway
Anchoring each step of a process with a real interface fragment rather than an icon, so "how it works" reads as a product walkthrough. The numbered tick-rule and two-tone heading keep four steps feeling orderly and quiet on a dark canvas.
Reuse notes
Use for onboarding or lifecycle explainers where each step maps to a real screen. Needs four legible mockups; at small sizes the in-card text will break first, so plan a simplified mobile version. The slide counter hints this may be part of a sequence, so confirm the surrounding pattern.
