In short: Name blocks by role, and use the same names across every layout in the kit.

Naming is not housekeeping in a Design Kit, it is the mechanism. The link between a parent and its children is made by matching block names, so an inconsistent name is a broken link.

1

Name by role, not content

h1, h2, cta, image. The name says what the element is for, so it still makes sense when the words change.

2

Use the same names everywhere

A block called h1 in the parent must be h1 in every child, or the propagation will not find it.

3

Check names when something will not update

If a change to the parent is not reaching a child, a mismatched name is almost always why.

Consistent naming is what turns a set of layouts into a kit. If naming every component by hand is the part putting you off, Brand Butler does it for you.

Last updated 12 August 2026