> 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="https://3168528728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MN8XHqatGwdZo585nW3%2Fuploads%2FNn5YnX7nfYcTAISwYrvC%2FFirstSteps1.png?alt=media&amp;token=ab188b14-0d1e-42fe-b78c-b02ce294618b" 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="https://3168528728-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MN8XHqatGwdZo585nW3%2Fuploads%2FynLoIyBbs7PWmWb3FYjg%2FFirstSteps2.png?alt=media&amp;token=6a6cc349-fcd4-4cb8-8633-aeab8b93d822" 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
