About 20 - Founder Profile with Signature - Shadcnblocks.com

About 20 - Founder Profile with Signature

Overview

A dark seven-column profile section with role info, two headline paragraphs, a handwritten signature image, and cropped portrait image.

Preview Code

npx shadcn add @shadcnblocks/about20

Founder Profile

Name: Alfredo Soprana
Role: Founder and CEO

I am a creator, thinker, and builder who believes in crafting experiences that truly connect. My story is built on passion, innovation, and the drive to bring meaningful ideas to life.

From concept to creation, I transform visions into reality through cutting-edge technology and timeless design. Every project is an opportunity to push boundaries and deliver solutions that inspire and empower.

Component Data

Design & Features

About20 is a dark-themed founder profile section with a distinctive signature element. The layout uses a seven-column grid with five columns of text content and two columns for a portrait image. The text area includes a role label with name, two large headline paragraphs telling a personal story, a Founder and CEO label, and a handwritten signature image. The portrait image is cropped with a negative translate to show a partial view.

The block forces dark mode with white text on dark background. The signature image adds a personal, handwritten touch that cannot be replicated with fonts. The portrait uses overflow hidden with negative translation to create a cropped effect showing just part of the image. Typography uses large headline sizes for the story paragraphs.

This is a premium, personal block suited for founder or executive profiles. The signature mark is the standout element that adds authenticity. The cropped image treatment is distinctive. Requires a signature image, portrait photo, and personal narrative copy.

On mobile, the grid stacks with the portrait image appearing below the text content. The signature scales proportionally. The image cropping effect is adjusted for smaller screens.