About 24 - Personal Profile with Clients and Awards - Shadcnblocks.com
About 24 - Personal Profile with Clients and Awards
About Me
Designer
Developer
Independent
What I do
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.
Location
San Francisco, CA
Clients
| Name | Num of projects |
|---|---|
| Tesla, Inc. | 12 |
| Spotify AB | 8 |
| Adobe Systems | 6 |
| Sony Corporation | 4 |
| Netflix, Inc. | 3 |
| Airbnb, Inc. | 2 |
| Shopify, Inc. | 2 |
| Figma, Inc. | 1 |
| Stripe, Inc. | 1 |
| Slack Technologies | 1 |
| Atlassian Corporation | 1 |
| Nintendo Co., Ltd. | 1 |
Awards
| Name | Year |
|---|---|
| Awwwards – Site of the Day | 2024 |
| CSS Design Awards | 2023 |
| Dribbble Creator Showcase | 2022 |
| Red Dot Design Award | 2021 |
| Webby Awards | 2019 |
Component Data
- ID: about24
- Access: pro
- Created: Oct 27, 2025
- Updated: Aug 23, 2026
- Type: block
About 24 block design & features
About24 is a personal profile section with a two-column layout. The header row shows an About heading, avatar image, and three role keywords. The left column contains bio label with description paragraph and location info. The right column has two data lists: clients showing company names with project counts, and awards showing award names with years. Both lists use separators between items.
The avatar uses the shadcn Avatar component with fallback support. Role keywords stack vertically as bold text. Data lists display in a two-column format with name on the left and value on the right, separated by horizontal rules. The client list shows larger bold text while awards use similar styling. Section labels appear above each list with column headers.
This is a comprehensive personal portfolio profile showing professional achievements. The client and award lists provide social proof. The structured data presentation makes credentials easy to scan. Requires avatar image, bio copy, and lists of clients and awards.
On mobile, the two main columns stack vertically. Data lists maintain their two-column internal structure. The header avatar and roles rearrange to fit narrower widths.