---
title: "How to view a Growf design system style guide"
description: "Open a Growf style guide to read colours, type, spacing, and voice, and copy a hex so you can reuse those brand tokens later."
url: "https://www.growf.io/resources/guides/view-a-design-system-style-guide/"
language: "en"
---

# View a design system style guide

[![Wesley Blokhuis – CEO Growf](https://www.growf.io/media/uploads/2026/08/Wesley-Blokhuis-CEO-Growf.jpeg?width=104 "Wesley Blokhuis – CEO Growf")](https://www.growf.io/auteurs/wesley-blokhuis/)

[Wesley Blokhuis](https://www.growf.io/auteurs/wesley-blokhuis/)

CEO

[](https://www.linkedin.com/in/wesley-blokhuis-32642459/)

Open a brand card to read colours, type, spacing, and voice, and copy a colour hex.

The style guide is the readable form of a workspace brand: colours, type, spacing, radii, motifs, voice, and imagery. Anyone who can open Design Mode can read it.

2 steps · About 2 minutes

1

## Open the style guide

Open Design Mode. Choose KB Capture Brand. The right panel leaves Your designs and shows that brand’s guide. Talking in chat now edits this system — close the guide before you ask for a new brand. Sections include Colors, Typography, Spacing, Radii, Voice & tone, and Imagery. Motifs appear when the brand has them.

![](https://app.growf.io/knowledge-base/view-a-design-system-style-guide/open-the-guide.webp)

2

## Copy a colour

Colors says click to copy. Choose Navy. The hex lands on your clipboard and Copied #1A365D appears. Use this when you need the token outside Growf. Brand assets and Example pages, when present, are reference for the builder — assets can be embedded; example pages are layout only.

![](https://app.growf.io/knowledge-base/view-a-design-system-style-guide/copy-a-color.webp)

## FAQ

The panel says This design system is still generating…+

Extraction is not finished. Wait, then reload the guide with the refresh control. Generation failed means you should ask the chat to try again or create a new system.

Why did my brand request change this system?+

An open style guide is the brand the agent edits. Close it with the back arrow, then ask for a new design system. See Create a design system.

I see Couldn't load this design system.+

The guide request failed. Reload the panel. The gallery card can still be ready while this fetch fails.

Who can see the style guide?+

Anyone in the workspace who can open Design Mode. The tokens are shared, not private to your chat.