| name | editorial-portfolio-chapters |
| description | Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale. |
Editorial Portfolio Chapters
Build the page as a sequence of distinct editorial chapters. Let the work establish desire before explaining the studio.
Establish the Story
- Open with one strong campaign image and a concise positioning line.
- Move directly into selected work. Treat each case study as a new magazine cover.
- Explain the studio point of view only after the work has earned attention.
- Use oversized service typography as the handoff from proof to contact.
- End with a high-contrast contact chapter that feels final, not appended.
Replace all source brands, projects, people, claims, images, labels, and links with original or client-provided content. Preserve pacing and hierarchy, not source content.
Build the Visual System
- Frame the page with near-black, then introduce warm white and one muted color field per project.
- Use a grotesk display face with a neutral text companion. Keep labels compact and copy readable.
- Align to a 12-column grid with 40–64px desktop edge margins.
- Favor square or deliberately cropped media, restrained radii, hairline rules, and almost no shadow.
- Let the strongest proof change scale. Do not turn every section into a hero or bento grid.
- Keep full-bleed chapters rare and purposeful.
Compose the Page
- Header: place compact navigation at the outer edges and keep the identity centered or strongly anchored.
- Hero: reserve most of the first viewport for one stable image; expose the first project below the fold.
- Projects: alternate dark framing with muted color panels; show title, role, year, and action without hover.
