About 20 block 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.