Branding your design system documentation site

Copied URL to clipboard

Tutorial Breakdown

Once your DSM design system is live on the web, you can customize its appearance to be cohesive with your brand.

With a richer, more flexible web experience, the new DSM allows you to customize the web view of your design system with your own brand logos and colors.

In just a few steps, your entire web view will look and feel like it was created by you from the ground up.

Transcript

Once your DSM design system is live on the web, you can customize its appearance to be cohesive with your brand.

With a richer, more flexible web experience, the new DSM allows you to customize the web view of your design system with your own brand logos and colors.

To edit the look and feel of a system, click the gear icon in the bottom right corner, next to the share button — and click Customize theme.

From here you can edit the text, background, and border colors of the Top navigation, Sidebar, and Main content.

If you go a little too crazy, you can always Reset styles back to their default.

You can also brand your system with a logo by uploading a custom jpg or png.

Click save — and your branded web view is officially live!

Read More

Explore how DSM transforms the way design and development work together.

Get Started