Preview image. Unlock full-res
Dark how-it-works section with outlined step list, Brand Values tag card, and floating thumbnail plus menu with amber glow.
Summary
"From idea to assets in three steps" dark section with active Setup your Brand step, Brand Values tag card, and floating vertical thumbnail menu with warm glow.
Visual description
Dark gray-black background with faint dot grid. Top-left outlined rectangle holds red "// How it works" label, white headline, and three steps: active white "Setup your Brand. (1)" with red underline, gray "Add your product (2)," gray "Generate Visuals. (3)." Bottom-left dark card with purple heart icon header "Brand Values" and tags Accessibility, Contemporary, Inclusivity, Diversity, Sustainability; purple line connects from left edge to Accessibility node. Bottom-right vertical pill menu with two circular photo thumbnails and plus icon on warm amber glow.
Key takeaway
Active-step styling in a vertical list plus a floating values card previews product UX without a full screenshot. Purple connector line hints at graph logic between brand setup and tags.
Reuse notes
Use for onboarding explainer sections on brand-aware creative tools. Three steps should map to real product flow. Floating menu is decorative unless wired to assets.
