Three Services Row
Three equal service cards each with an icon, a name, and a one-sentence scope, giving visitors an instant read of a focused practice.
Three equal service cards each with an icon, a name, and a one-sentence scope, giving visitors an instant read of a focused practice.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Three Services Row names the practice in a single read: Product design, Design systems, and Front-end build, each as an equal card with a lucide icon, a name, and one sentence that says what is and is not in scope. The lede says it plainly: three focused services, each with a clear scope. I do not take on work that falls outside them.
Services are one array of three objects. The equal-card layout forces parity and prevents one service from reading as the primary over the others, which matters when the work genuinely requires all three.
Reach for this block on the services section of a homepage or a standalone services page where the practice is narrow. The installer swaps the icons, names, and one-sentence scope lines for their own three services.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the focused three-service row for a specialist. Other services layouts:
Tip: the one-sentence scope per service does more work than a name alone; say what is not included and the right client self-selects before reaching out.