> For the complete documentation index, see [llms.txt](https://dsplaybook.farcostudio.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dsplaybook.farcostudio.com/part-2-the-process/documentation-2.md).

# First Steps

As a first step, it is important to understand the big picture of the brand ecosystem and select the “umbrella brand”—this will act as the base of the white-label design system.

<figure><img src="/files/RG9AHBHi8c93hVgkGsPf" alt=""><figcaption></figcaption></figure>

Then define what needs to change between brands. For instance:

* Color
* Typography
* Illustrations
* Icons
* Interactions

The choice of the token naming system is not limited to a single approach and depends on the collaboration between design and development.

<figure><img src="/files/XbvgY8G2NasE0u7SuRmg" alt=""><figcaption></figcaption></figure>

And a few things to keep in mind as you begin:

1. Think semantically trying to define universal design decisions
2. More flexibility means more complexity
3. There is not a bullet proof system
4. Meaning, you'll probably have to come back to redefine your framework