About this block

Icon Services Grid shows four service cards in a two-column grid, each with a lucide icon, a service name, and one plain sentence that names what is included and what is not. Product design ends with I do not take on work that needs me to manage developers; team workshops closes with For teams of four to twelve. The negative scoping is deliberate.

Services are one typed array. The not-included line is the distinctive detail, it filters the wrong enquiries before they arrive and signals that the practice has a real shape.

When to use

Reach for this block as the services section of a homepage or a dedicated services page. The installer swaps the four service names, descriptions, and icons for their own practice areas, keeping at least one sentence that names a limit.

A natural flow around it on a Portfolio Pro page:

Before

• About split

After

• Services CTA
• Testimonials

What you can display

One strong use is the freelance practice overview with scope limits. Other icon services uses:

• Agency capabilities. Replace the first-person voice with we and the solo limits with team-size context.
• Product tiers. Four capability cards describing what each tier of a product gives access to.
• Studio disciplines. Branding, motion, interactive, print, each with its own icon and scope note.

Tip: the not-included line does more work than the description, it tells the right client they have found the right person.