What format will I receive?

The default is one HTML file with its pages, images and fonts embedded so it opens from disk without network requests. In an existing or requested framework such as Vue, Astro or Next.js, the same design is ported into real components and routes.

How can I put my own cut-out portrait on the wall?

Provide a full-length photograph on a plain background. The bundled tool creates a flat hero cut-out and a head-and-shoulders crop for the avatar, with an optional white paper edge for stickers. Use your own case photographs or generate replacements with possible image-tool charges; the sample clients’ projects are not your work. Neutral camera, plant, tape and desk assets can remain.

Does it invent clients, prices or press coverage?

No such claims should be published without your facts. Missing information can be drafted for confirmation, but an unsupported client list or quote should be removed. Supply real prices, dates and contact details, and identify generated portraits as stand-ins.

Can the service schedule represent a class?

Yes. The documented teacher adaptation uses Services for classes, with dates and length in the offer and the week-by-week view as the class schedule. Taking bookings or payment still requires a separate connected flow.

How do I review the paper layout on a phone?

Check the actual page text and images at the narrow width, not only the hero. Tilted cards, pinned notes and labels must leave headings, links and form controls readable and reachable. Then verify the same content with reduced motion enabled.

Collage Creative Portfolio

Previews from the publisher

Present a creative practice as a studio wall that visitors can explore. Collage combines textured grey paper, cobalt and orange ink, taped notes, instant photographs and a cut-out portrait. The handmade surface leads into structured cases, service sheets and journal notes, so the site can explain your materials and process as well as show the finished work.

What you get

A portfolio structure demonstrated in fifteen example pages: Home, a Work index, four cases, Services, a Journal and three notes, About, Contact, Privacy and a designed missing-page view. Collections and page counts adapt to your own commissions, series or classes.
A light-only studio-wall visual system with paper grain, torn notes, tape, marker stickers and a cut-out person. Cobalt and orange are its two inks; photographs retain natural color. Paper pieces settle once and straighten on hover, with reduced-motion behavior provided.
Work filters, search, sort and an expandable archive. Case pages connect galleries to project notes, the brief and idea, process, ink/paper swatches, results and deliverables, with genuine quotations and onward project links where available.
Fixed-scope service sheets with starting prices, week-by-week schedules shown in tabs and an FAQ accordion. A journal gives process notes full article pages, while contact and newsletter forms validate locally and email/handle actions copy to the clipboard.
A bundled cut-out tool for turning a plain-background photo into a flat hero portrait or a paper sticker with a white scissor-cut edge, plus an avatar crop. The default website is one HTML file with fonts and images embedded for offline use; existing or requested frameworks get components and real routes instead.

Before you choose

Choose Collage when materials and process are part of the work’s identity. Unlike a clean card grid, its photography needs to coexist with tape, notes and irregular edges. Prepare one case with actual medium, process and deliverables, then check that the wall treatment helps a reader follow it rather than concealing the evidence.

Good fit

Graphic designers, illustrators and collagists who want a site that reflects a tactile, handmade practice.
Small print and identity studios that can explain fixed-scope offers, starting prices and production schedules.
Makers or workshop teachers who can map service sheets to classes and journal notes to news or studio updates.

Not for

Processing payments, reserving bookings or delivering a contact brief without connected services. The template provides local confirmation.
A minimal corporate identity or a dark theme. Paper, tape and the two-ink palette define this light-only presentation.
Passing off the fictional example’s clients, case work, prices, quotations or portrait as your own.

How to use

You say

/collage-creative-portfolio Build a portfolio for Ines Okafor, a graphic designer and paper collagist in Porto, with four case studies.

Prepare your name, discipline and biography, then gather case material: client, year, medium, brief, idea, process, outcome and deliverables. Supply actual service starting prices, schedules, availability and contact details. Treat any drafted missing facts as items to confirm, not publication-ready evidence.
Choose the page family for your practice. Illustrators can organize commissions by category; studios can write in “we”; print makers can use series and editions; teachers can turn Services into classes with a class schedule and Journal into News. Keep titles, counts and links consistent with the chosen material.
Supply a full-length photo on a plain background and a head-and-shoulders image for the avatar. The cut-out tool needs Python 3 with Pillow, NumPy and SciPy. Use a flat transparent cut-out on the hero paper and the white-edged treatment for smaller stickers; inspect edges against the actual background.
Replace fictional case photographs with your work or new clearly disclosed stand-ins in a consistent soft daylight style. The neutral camera, plant, tape and desk imagery can remain where relevant. Generated media uses your agent’s image tool and may incur charges; generated people do not establish your identity or work history.
Build the offline file using Node.js 18 or newer and an initial font download, or adapt the design to the existing framework. Review all routes on phone and desktop, checking that tilted pieces never cover text or controls. Try filters, search, sorting, archive expansion, service schedule tabs, FAQ, copy actions and form errors/confirmation. Check keyboard and reduced-motion paths and connect actual message delivery separately.

Requirements and costs

You bring: Your name, discipline and a short bio · Case studies with client, year and outcome, plus services with starting prices and contact details · A full-length photo on a plain background and project photos, or approval to generate stand-ins
Dependencies: Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent, or your own photos, for case-study and portrait images · Python 3 with Pillow, NumPy and SciPy for the bundled cut-out tool
Outside costs: New case-study and portrait images are generated with your agent's own image tool, which may charge for usage. Without one, supply your own photos; the neutral camera, plant, tape and desk images can stay. Viewing the example costs nothing.
Publisher testing: v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT