About this block

Detailed Service List shows four services in a ruled two-column layout: product design, design systems, research and testing, and design direction. Each row carries a heading and a scope paragraph on the left, and a deliverables list on the right. Product design lists five deliverables including a recorded handoff walkthrough; design direction is offered only as a monthly retainer. The lede sets the tone plainly: four services, each with a clear scope, no package deals that bundle things you do not need.

Services are one typed array. The deliverables column is the distinctive detail: naming exactly what the client receives replaces the vague scope paragraph that every freelancer ships.

When to use

Reach for this block as the services section of a portfolio or a standalone services page. The installer swaps the service titles, paragraphs, and deliverables lists to match their actual offer, and keeps at least one line that names what is not included.

A natural flow around it on a Portfolio Pro page:

Before

• About sections

After

• Process sections
• CTA sections

What you can display

One strong use is the thorough freelance services list. Other layouts:

• Agency capabilities. Practice areas with team size and toolchain as deliverable notes.
• Developer services. Frontend build, API integration, and maintenance retainer with a clear tech-stack line.
• Writing services. Long-form, copywriting, and editing with word-count bands per service.

Tip: list what is not included in at least one service entry; it signals confidence and saves a scoping call for the wrong client.