Skip to main content

Defining parent and child styleguides

Learn the differences between parent and child styleguides

Tuba avatar
Written by Tuba
Updated over 2 weeks ago

With styleguides, your team can manage text styles, colors, spacing system, and components separately from a project. If you have a UI kit, design system, pattern library, or brand styleguide you're working on, you can set it up in Zeplin and even create child styleguides that inherit from the parent one.

Parent styleguides

A parent styleguide is a styleguide that contains common elements. A parent styleguide might include things like brand colors, icons, and text styles—things that are standardized across all projects. It's really up to your team and your design system setup. Parent styleguides can have multiple child styleguides.

Child styleguides

You can set up child styleguides that inherit colors, typography, icons, and components from the parent styleguide. For example, if you have specific components or text styles used for your specific projects, but still use elements in your main stylguide, then you can define a child styleguide for your specific elements.

Creating child styleguides results in a tree structure under your Workspace's “Styleguides” tab, which displays the relationship between all of your styleguides.

If necessary, you can delete a parent styleguide; the child ones will remain intact. You can also assign different parents to your styleguides and reconfigure your tree structure anytime.

☝️ You can have multiple projects linked to the same parent or child styleguide. However, a project can only be linked to one styleguide at a time — it will inherit resources from both the linked styleguide and its parents.

Local styleguides

Local styleguide means your project styleguide, actually. It will contain more granular information about the specific app/project that you're working on. For example, if you're using a slightly different color shade for that particular project, it would be included in the local styleguide, and you will be able to see how it fits into the overall brand styleguide colors once the project is linked to a styleguide.


Related articles

Did this answer your question?