AlignUI how-it-works with dashboard video card

AlignUI how-it-works with dashboard video card, minimal, light-mode, light

Preview image. Unlock full-res

Split feature section pairing headline and dual CTAs with a gradient card showing a dashboard mockup, play button, and pre-order social proof.

Summary

A how-it-works block with left-aligned headline and right supporting copy, centered on a purple-gradient card with dashboard UI, play overlay, and avatar row social proof below.

Visual description

Off-white section. Top splits: left has "How it works?" pill badge, large headline about needing a design system, muted subline; right has "Top-tier design quality" note, short paragraph, Preview (outlined with Figma icon) and Buy now (dark fill) buttons. Center: large rounded card on soft purple-blue gradient with headline highlighting "Sector-specific Products." Detailed light dashboard mockup inside shows sidebar nav, time-off gauge, project card, calendar, with blurred secondary panels to the right suggesting depth. Semi-transparent play button centered on the mockup. Bottom: row of six circular avatars above "Be among 400+ pre-orderers and top-tier designers!"

Key takeaway

The blurred sibling panels behind the main dashboard imply product breadth without extra copy. Play button on a static mockup signals demo-ready without requiring actual video in the capture.

Reuse notes

Works for SaaS products with rich dashboards or sector templates. Gradient card needs strong UI art; social proof row requires real or plausible avatars.

More features sections

See all

More like this