Contact Card Grid
Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.
Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Contact Card Grid lays out six reach channels in a two-to-three column card grid: email at avery@averystone.co for project enquiries, X and LinkedIn for professional presence, GitHub for open source and experiments, a Calendly link for a 30-minute intro call, and a location card for Lisbon, working remotely worldwide. Each card names the channel, the handle or address, and a short note on what it is good for.
Cards are one typed union array covering lucide icons and brand icons from ui/brand-icons. The per-card action note is the distinctive detail: it tells visitors which channel to use for what before they click.
Reach for this block as a standalone contact page or as an alternative to a form when you prefer visitors to pick their own channel. The installer swaps the email address, handles, calendar link, and location.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the personal multi-channel reach grid. Other card grid uses:
Tip: the action note on each card does the routing work; without it every card just says reach out.