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.
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.
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.
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





