Hero 58 - Split hero with illustration and faded square grid

Pro

A two-column hero pairing stacked headline with manual line break, supporting paragraph, trailing-arrow shadcn/ui button, and large illustration backed by radial-masked square lattice.

Figma

Description of the Hero 58 block design & features

Hero58 divides narrative copy from illustrative storytelling using shadcn/ui button styling on the left while the right column hosts vector artwork seated on a softened orthogonal mesh so depth reads structured rather than photographic.

Typography emphasizes workspace mobility through deliberate line breaks inside the headline block while body copy stays restrained for contrast.

Illustration assets skew editorial SaaS friendly with saturated shapes complementing neutral surfaces.

Grid masking keeps peripheral lattice faint so focus stays on characters within the artwork during scroll.