Studio Manifesto

Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature. A declarative, opinionated intro suited to an agency's About or Studio page.

By Staaarter Team

Agency

Docs

Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its badge dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/studio-manifesto.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/agency/agency11.tsx instead.

Usage

The file also exports agency11Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Agency11, agency11Demo } from "@/components/blocks/agency/agency11";

export default function Page() {
  return <Agency11 {...agency11Demo} />;
}

Props

Prop	Type	Default	Description
eyebrow	string	undefined	Small uppercase label above the statement, e.g. "Manifesto".
statement	ReactNode	none	Large manifesto statement; pass emphasized phrases wrapped in a styled span, e.g. <span className="text-primary">craft</span>.
principles	string[]	none	Row of secondary badges naming the studio's principles.
founderName	string	none	Founder's name shown in a signature-style treatment.
founderRole	string	none	Caption under the founder's name, e.g. their title.
className	string	none	Extra classes for the outer section element.

Behavior notes

The statement accepts ReactNode so emphasis spans are authored directly into the demo content, matching About6's pattern; there is no runtime logic that detects or highlights phrases automatically.
The founder signature is styled with an italic heading font as a stand-in for a handwritten signature; it is static text, not an image of a real signature.
Entirely static: no button, form, or interactive element anywhere in the block.

More Agency Blocks

View all →

Case Study Hero

A case study header with project metadata grid, service tags, and featured image.

Studio Values

Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.

How We Think

Sticky studio intro with a portrait beside a stack of numbered principles.

Studio Team

A studio team grid of member portraits with names and roles.

Awards List

Editorial list of studio awards by year with project and recognition details.

Studio At A Glance

Studio overview pairing facts, copy and highlight stats with a clean studio image.