Hero 90 block design & features
Hero90 is a split hero built with Shadcn UI under a DM Sans treatment. The left column carries a small uppercase label line, a tall headline about sharing moments, and a second line of supporting copy in muted weight. The right column is entirely a composition of three rounded square cards at different corners of a shared aspect frame, each pairing a large avatar with a clipped testimonial-style quote.
Cards use muted shells and tight line clamping so snippets feel like sticky notes around a hub. Spacing between cards creates intentional overlap for depth without shadows on every layer.
The look is social and human, ideal for community or media products. Content needs are higher than average because of three micro-stories plus avatars. Complexity is moderate driven by absolute positioning math rather than extra components.
Layouts stack so the typographic column leads and the floating cards follow, keeping the narrative legible on phones.