Profile Card
Furkan GençDesign lead · BesteIstanbul · GMT+3
Designing the tooling that ships millions of components every week.
Designing the tooling that ships millions of components every week.
User profile card with a gradient avatar, role, location, a short bio, and a trailing social icon button.
Turn the props on the right; the snippet under them is what you would write to get what you see.
Designing the tooling that ships millions of components every week.
import { Card20 } from "@/components/beste/component/card20";
<Card20
name="Furkan Genç"
role="Design lead · Beste"
location="Istanbul · GMT+3"
bio="Designing the tooling that ships millions of components every week."
initials="BS"
handle="mira.sol"
image="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjgwfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>The import and the props worth knowing about, in one place.
import { Card20 } from "@/components/beste/piece/card20";
<Card20
name="Furkan Genç"
role="Design lead · Beste"
location="Istanbul · GMT+3"
bio="Designing the tooling that ships millions of components every week."
initials="BS"
handle="mira.sol"
image="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjgwfHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
/>Avatar with name, role, and a presence dot in emerald, amber, or slate.
Writing small notes about large systems.
Compact social hover card with avatar, handle, short bio, and a three-column posts/following/followers strip.
Shipping tiny tools for bigger teams. Runs, coffee, small synths.
Social profile card with a Follow or Following pill, a bio, follower count, and a mutuals line.
40+ seed investments across developer tools, fintech, and health.
Founder-or-advisor card with a primary sparkle badge, italic former-role line, and LinkedIn plus Intro buttons.
