Contact 21 block design & features
Contact21 is a two-column section built with shadcn/ui. The left column leads with a long indented paragraph that mixes muted and emphasized spans, then a circular avatar with a name and title line. The right column has a strong headline and three minimal fields for name, email, and message that read as underline-style inputs, plus a squared button with a corner arrow icon.
Light background without extra imagery. First-line indentation and contrast inside the paragraph create rhythm before the form. The avatar sits as a small signature beside the human line. Fields rely on thin bottom rules instead of full boxes. The send control is blocky with generous horizontal padding.
Warm and editorial: the manifesto-style copy arrives before any inputs, so the section feels conversational rather than purely transactional. Emphasis spans break up density without loud chrome. Pairing portrait content with a sparse form is a moderate pattern with a clear studio-oriented lean.
On smaller viewports the columns stack with comfortable spacing between the statement block and the field group.