Service Cards
Three service cards each with a Lucide icon, a one-sentence description, and a bullet list of included deliverables.
Three service cards each with a Lucide icon, a one-sentence description, and a bullet list of included deliverables.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Service Cards presents three offerings as a card grid, each card carrying a Lucide icon, a service name, a one-sentence description, and a bullet list of what is included. The design systems card promises a component library and token set your team can own and extend without bringing me back every quarter, which is more honest than most services pages manage.
Cards are one typed array with icon, name, description, and an includes string array. The explicit includes list is the distinctive choice, it answers the first question a prospective client always asks before they write the email.
Reach for this block as the services section of a homepage or a services page when the practice has three clear offerings that each need a deliverables breakdown. The installer swaps the three cards and picks icons from Lucide that match their disciplines.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the three-discipline offerings grid for a freelance practice. Other card grids:
Tip: write the includes as deliverables the client receives, not tasks you perform, Figma file with organised components beats work in Figma.