Skip to main content
All CollectionsGlobal Styleguides
Defining parent and child styleguides
Defining parent and child styleguides

Learn the differences between parent and child styleguides

Tuba avatar
Written by Tuba
Updated over a week 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 some common elements across multiple platforms (iOS, Android, or Web). Because a parent styleguide will contain some universal elements, there is a platform-less type you can select called "Base". A parent styleguide with a "Base" type might include things like brand colors, icons, and text styles—things that are standardized across all platforms.

☝️ It's not possible to download assets from a base-typed styleguide since Zeplin generates all the assets & resources based on the platform setting. You can download assets from the linked project or the child styleguide which is platform-specific.

Alternatively, you can always create platform-specific parent styleguides that are linked to other platform-specific child styleguides, 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 with platform-specific details inherited from the parent styleguide. For example, if you have specific components or text styles used for your iOS apps, they would be defined in the iOS child styleguide.

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 re-configure 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 iOS 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?