About 19 - Image Left Quote Right - Shadcnblocks.com

About 19 - Image Left Quote Right

Component Data

About Me

I am an independent designer and developer focused on building clear, useful products. With years of experience shipping for startups and teams, I take on work I can own from concept through launch.

I start from the purpose, the people it serves, and the simplest path forward. Clarity first, then the work gets better.

John Doe

Independent Designer

About 19 block design & features

About19 is a two-section about block with a seven-column grid. The left four columns contain a tall bordered image. The right three columns hold a headline, supporting paragraph, secondary text, and an attribution row with small avatar, name, and role title.

The image uses a visible border and fixed tall height with object-cover scaling. The attribution section pairs a small circular avatar with stacked name and title text. Typography progresses from large headline to medium supporting text to small attribution. Generous vertical spacing separates the text elements.

This is a straightforward testimonial-style layout that combines about content with a personal attribution. The bordered image treatment is the main visual element. Low complexity with clear hierarchy. Requires one main image, avatar, and copy for headline and supporting text.

On mobile, the grid stacks with the image appearing first at full width. The text content follows below. The attribution row maintains its horizontal layout with avatar beside text.