Hero 205 - Portfolio headline hero widening card unveil

Pro

Oversized multi-line condensed headline mixes italic wording with inline badges, paired CTAs, then motion eased Card unveiling a bordered hero photograph.

Shadcn Hero 205 block

Component data

ID
hero205
Access
pro
Created
Mar 16, 2025
Type
block
Libraries
Radix UI, Base UI, React Aria
Figma

Hero 205 block design & features

Hero205 leads with typography-first portfolio copy built atop shadcn/ui buttons and cards. The headline swaps condensed sans wording with italicized phrases before a slim metadata ribbon references roles and brands beside a squared flash glyph. Pill primary and outlined secondary CTAs anchor next to handwritten-style supporting copy, while a motion-lifted card widens downward to reveal muted interior plating around a bordered hero photography slot.

Muted surfaces keep attention on exaggerated type rhythm and sculpted card contours.

Straightforward freelance-style hero highlighting personality before surfacing imagery.

Breakpoints wrap metadata naturally while easing the animated card upward without cropping essential copy.