Skip to content

Components — design studio perspective

Components change how a design studio organizes its work, governs brand output, and delivers campaigns to local teams. This page is for studio managers and team leads. It is focused on what changes about how your team operates, not on how to use the component workspace.

From production to assembly

The core shift components introduce is a split between building design elements and assembling templates.

In a component-based studio, the design team builds reusable elements — pricing blocks, promo badges, product ad layouts — as components. Templates become assemblies of those components, connected to variable data. When a component is updated and saved, every template that uses it reflects the change automatically — no need to reopen or republish templates.

This changes what your team spends time on. Less rebuilding the same element for every campaign. More building a library that compounds in value over time.

The investment model

Building a design element as a component takes roughly the same time as building it directly in a template. The difference shows up immediately from the second use onwards — and every time the brand updates.

Approach First template Second template Brand update
Element built directly in templates — Same time again Update every template
Element built as a component — Reuse, no rebuild Update component once

No upfront cost. Immediate gain on every subsequent use.

What to componentize

Build a component when:

  • The same design element appears across more than one template
  • The element is repeated multiple times within the same template
  • The design must be protected — local teams can fill in data, but must never be able to change the design itself

Elements that only exist once in one template and will never be reused are simpler to build directly.

Brand governance by design

In a traditional workflow, brand governance depends on guidelines, approvals, and training. Enforcement relies on people following rules they may not remember.

A component's internal design cannot be edited from the template. Local teams interacting with the template see only the variables exposed to them — typography, layout, color, and business logic are locked inside the component and managed centrally by the studio. The template simply does not give them the option to break the brand.