Download 1 - App store download cards

Basic

A muted section with a centered headline and blurb, then three cards for desktop, iOS, and Android with icons, platform copy, a download button, and store badge images.

Description of the Download 1 block design & features

Download1 is a platform picker section built with Shadcn UI Card and Button components on a lightly muted page background. A centered stack introduces the section title and supporting paragraph with constrained width. Below, a three-column grid on medium and up presents desktop, iOS, and Android blocks: each has a circular icon slot, small label text, a bold platform subtitle, short description, and either a download button with icon or linked store badge images.

Desktop uses a filled muted card without a hairline border, circular icon backdrop on foreground-tinted fill, and a large button linking to your URL. Mobile cards use default card chrome with muted icon wells and external PNG badges for App Store and Google Play. Typography mixes bold subtitles with smaller body copy in muted foreground for the mobile columns.

This is a standard cross-platform download pattern with clearer visual hierarchy than a bare link list: icons and cards carve separate territories per platform. Complexity is moderate and mostly content-driven because you supply titles, subtitles, descriptions, and URLs per platform.

The grid collapses to a single column on small screens while keeping card padding and badge sizing consistent so scanning still works on phones.