Link In Bio
A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.
A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Link In Bio is a mobile-first hub centered around a single person: an AveryStone avatar, the name, and a one-line context note, product designer and design systems lead, working remotely from Lisbon, followed by a vertical stack of full-width buttons covering Portfolio, Newsletter, GitHub, LinkedIn, X, Instagram, and Contact.
Links are one typed array where each item carries a label, href, optional icon, and a variant so the primary button (Portfolio) draws filled while everything else is outline. The compact max-w-sm container keeps every button reachable with one thumb.
Drop this on a standalone /links page and point the bio link in your social profiles at it. The installer swaps the avatar, the one-line description, and each href, and removes any platforms they are not on.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the link-in-bio landing. Other layouts:
Tip: keep the primary button to one destination only, the button that would make the visit worthwhile if a visitor tapped nothing else.