# Agency Studio (/templates/agency-studio)

An editorial studio site concept — warm paper, ink serif headlines, one rust accent — for a fictional brand and digital-product practice.

Northline is a fictional twenty-three-person brand and digital-product studio in Amsterdam and New York. The concept spans Home, Services, Work, About, and Contact — an editorial, warm, portfolio-led site composed entirely from blocks in the open registry, opening on a kinetic title-sequence cover and art-directed with paper surfaces, ink serif headlines, hairline rules, and a single rust accent.

Status: Concept preview · Revision 5
This is a browsable full-site concept. Every section is composed from blocks in the open registry, and one command installs the whole block set — the curated copy shown here is not seeded, so you assemble the pages yourself in the admin.

## Installation

```bash
npx payload-components add-template agency-studio
```

## Included blocks

- [hero-kinetic](https://www.payload-components.xyz/docs/components/hero-kinetic)
- [content-showcase](https://www.payload-components.xyz/docs/components/content-showcase)
- [logo-cloud-inline-wrap](https://www.payload-components.xyz/docs/components/logo-cloud-inline-wrap)
- [feature-split](https://www.payload-components.xyz/docs/components/feature-split)
- [stats-proof](https://www.payload-components.xyz/docs/components/stats-proof)
- [testimonials-quote](https://www.payload-components.xyz/docs/components/testimonials-quote)
- [team-roster](https://www.payload-components.xyz/docs/components/team-roster)
- [call-to-action-centered](https://www.payload-components.xyz/docs/components/call-to-action-centered)
- [hero-basic](https://www.payload-components.xyz/docs/components/hero-basic)
- [content-columns](https://www.payload-components.xyz/docs/components/content-columns)
- [feature-icon-grid](https://www.payload-components.xyz/docs/components/feature-icon-grid)
- [feature-steps](https://www.payload-components.xyz/docs/components/feature-steps)
- [feature-cards-media](https://www.payload-components.xyz/docs/components/feature-cards-media)
- [faq-accordion](https://www.payload-components.xyz/docs/components/faq-accordion)
- [call-to-action-boxed](https://www.payload-components.xyz/docs/components/call-to-action-boxed)
- [hero-video](https://www.payload-components.xyz/docs/components/hero-video)
- [content-image-frame](https://www.payload-components.xyz/docs/components/content-image-frame)
- [content-rows](https://www.payload-components.xyz/docs/components/content-rows)
- [content-feature-split](https://www.payload-components.xyz/docs/components/content-feature-split)
- [testimonials-wall](https://www.payload-components.xyz/docs/components/testimonials-wall)
- [content-image-lead](https://www.payload-components.xyz/docs/components/content-image-lead)
- [content-quote](https://www.payload-components.xyz/docs/components/content-quote)
- [content-stats](https://www.payload-components.xyz/docs/components/content-stats)
- [content-community](https://www.payload-components.xyz/docs/components/content-community)
- [contact-routing-form](https://www.payload-components.xyz/docs/components/contact-routing-form)
- [faq-split](https://www.payload-components.xyz/docs/components/faq-split)

## Page plan

### Home (/)

Northline — A brand and digital product studio
States the studio point of view, shows the practice, proof, and the people behind it.

1. hero-kinetic — cover
2. content-showcase — practice
3. logo-cloud-inline-wrap — clients
4. feature-split — approach
5. stats-proof — proof
6. testimonials-quote — voices
7. team-roster — principals
8. call-to-action-centered — cta

### Services (/services)

Northline — Services
Explains the two engagement shapes, six disciplines, method, and deliverables.

1. hero-basic — hero
2. content-columns — offers
3. feature-icon-grid — disciplines
4. feature-steps — method
5. feature-cards-media — deliverables
6. faq-accordion — faq
7. call-to-action-boxed — cta

### Work (/work)

Northline — Work
A curated portfolio narrative: five invented case stories with client proof.

1. hero-video — hero
2. content-image-frame — lead
3. content-rows — case-studies
4. content-feature-split — feature
5. testimonials-wall — wall
6. call-to-action-centered — cta

### About (/about)

Northline — About
Explains the philosophy, the founders, the record, the roster, and the open door.

1. hero-basic — hero
2. content-image-lead — philosophy
3. content-quote — founders
4. content-stats — record
5. team-roster — roster
6. content-community — community
7. call-to-action-boxed — cta

### Contact (/contact)

Northline — Contact
Routes new business, studio, and post conversations without collecting any real data.

1. hero-basic — hero
2. contact-routing-form — routes
3. faq-split — fit

## Visual direction

Warm paper surfaces, ink foreground, a single rust accent, italic serif display type, hairline rules, sharp corners, and cinematic full-bleed bands.
Tone: Editorial, Warm, Portfolio-led