Portfolio Website Prompts & Design Examples

Compare an agency overview, a story-led portfolio, a photography gallery and an independent design practice. Choose by the work you need to show and the person you want to reach, then adapt the paired prompt to your own projects.

Selected designs

Kuro Storytelling & Portfolio

Astraform Creative Agency Portfolio

MeStudio Portfolio & Gallery

Aster Hale Design Portfolio

Which design fits your brief?

Kuro Storytelling & Portfolio: Consider Kuro when you want visitors to follow a story through your work. Give your agent a deliberate project sequence and explain your role in each piece. Keep project context available to visitors who scan rather than follow the entire narrative.
Astraform Creative Agency Portfolio: Astraform offers an agency-oriented starting point. Use your brief to connect selected work with the services a prospective client can commission. Include the real team, scope and contact route rather than borrowing demonstration credentials.
MeStudio Portfolio & Gallery: MeStudio leads with photography and organises work into visual stories with project labels and an enquiry route. Consider it when the images carry the argument. Supply your own image sequence, captions and credits, and specify readable alternatives for motion-heavy sections.
Aster Hale Design Portfolio: Aster Hale connects an independent practice with selected work, capabilities and a four-phase process. It suits a designer explaining how a client engagement works. Give the agent your actual research, design and handoff process, with clear deliverables and contact details.

Selected designs are temporarily unavailable. Browse the library.

How to choose your starting point

Give each project a clear role

Decide which work deserves the first screen and what context visitors need. A short project summary should explain your role and the result without invented metrics.

Choose a reading rhythm

Story-led portfolios suit a guided sequence; agency portfolios often need a quicker overview of projects and services. Pick the structure that matches how you want to be contacted.

Keep your work at the centre

Replace demo imagery and copy with your own material. Adapt the paired prompt to your discipline, project list and contact details, then check mobile readability and motion.

From reference to your own website

Open a design and inspect its interactive preview after signing in.
Unlock its paired prompt with your plan, then copy it into your coding agent.
Add your own content, brand constraints and required interactions. Check the result on mobile and desktop before publishing.

These are design starting points, not promises of identical output across AI tools. Available files and existing purchase rights remain governed by the template and your plan.