Agency Blocks
Copy-paste React sections for agency and studio websites: manifestos, values, principles, team grids, case study headers, capability lists, and process timelines. Each block ships as plain, editable component code, not a runtime dependency.
case-study-hero
Case Study Hero
A case study header with project metadata grid, service tags, and featured image.
studio-manifesto
Studio Manifesto
Oversized editorial manifesto statement with emphasized phrases, principle chips and a founder signature.
studio-values
Studio Values
Studio values laid out with oversized ghost numerals, titles, descriptions and keywords.
how-we-think
How We Think
Sticky studio intro with a portrait beside a stack of numbered principles.
studio-team
Studio Team
A studio team grid of member portraits with names and roles.
awards-list
Awards List
Editorial list of studio awards by year with project and recognition details.
studio-at-a-glance
Studio At A Glance
Studio overview pairing facts, copy and highlight stats with a clean studio image.
principles-selector
Principles Selector
Interactive principle list that swaps a detail panel with image as each is hovered.
studio-ethos
Studio Ethos
A bold ethos statement beside a list of concrete studio commitments.
why-polaris
Why Polaris
A two-column comparison contrasting the Polaris way with a typical agency.
clients-outcomes
Clients & Outcomes
Client logo cloud paired with measurable engagement outcomes.
capabilities-accordion
Capabilities Accordion
Ruled, expandable capability rows with oversized type, detail copy, and monospace tag chips.
horizontal-process-timeline
Horizontal Process Timeline
A connected left-to-right sequence of numbered project phases with a ruled timeline and step dots.
numbered-services-list
Numbered Services List
Ruled, full-width list of studio services, each row numbered with a short description and a capability tag.