About 13 - Story with Avatar Profile - Shadcnblocks.com

About 13 - Story with Avatar Profile

About Me

The mind behind the work

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.

John Doe

Independent Designer

I am a designer and developer who believes in crafting experiences that truly connect. My story is built on curiosity, craft, and the drive to bring useful ideas to life.

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

Component Data

About 13 block design & features

About13 is a portfolio-style about section using a six-column grid layout. The top row has an offset large Our Story headline spanning four columns. The main content row includes a muted label in the first column, a two-column area with intro text and an avatar profile showing photo, name, and title, and a three-column area with a larger philosophy statement and supporting paragraph. A full-width image spans the bottom.

The layout uses deliberate column offsets to create asymmetry and visual interest. The avatar profile pairs a small circular image with name and role text. Typography varies between muted helper text and bold statement text. The full-width image has a tall fixed height with object-cover scaling. Spacing uses large gaps between grid rows.

This has a distinctive editorial layout that feels more designed than typical about sections. The column offsets and mixed text sizes create hierarchy without heavy styling. Simple but intentional. Requires an avatar image, team photo, and copy for multiple text areas.

On mobile, the six-column grid collapses to single column with all content stacking vertically. The headline offset is removed. The avatar profile maintains its horizontal layout.