# Design Store Front

Spydra provides a user-friendly interface for administrators to design and customize their Token Store. Using our existing templates, you can create a professional and branded storefront that aligns with your company's identity.

#### ✦ Customizing Your Store

To begin customizing your Token Store:

1. Click the <mark style="color:blue;">**Edit**</mark> button to enter Design mode.
2. Choose between \
   'Load saved draft' (to continue from a previous session) or \
   'Edit new' (to start fresh).
3. Select a section to customize by clicking <mark style="color:blue;">**Edit**</mark>.
4. Modify elements such as background, text, and icons as needed.
5. Hide sections by checking the 'Hide section' box if desired.
6. <mark style="color:blue;">**Save**</mark> your changes for each section before moving on.

Our platform provides real-time preview of your changes, allowing you to see how your customizations will look before publishing.

<figure><img src="https://640808362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5jDaQI2dLzXe5VgQBNFE%2Fuploads%2F6l9pzjAs4qGoDCZOGqpT%2FScreenshot%202024-10-23%20at%204.15.13%20PM.png?alt=media&#x26;token=433a4026-422a-4ddb-9cc3-abb645f4e32c" alt=""><figcaption></figcaption></figure>

***

#### ✦ Branding Your Store

Tailor your Token Store to match your brand by customizing the following elements:

* Brand primary color
* Call-to-action (CTA) color
* Brand secondary color
* Brand logo and fav icon

<figure><img src="https://640808362-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5jDaQI2dLzXe5VgQBNFE%2Fuploads%2F9QAyB3BmINuDeb8Pe6wT%2FScreenshot%202024-10-23%20at%205.24.17%20PM.png?alt=media&#x26;token=76e0a81b-7c84-4d24-85b4-aef12be91be1" alt=""><figcaption></figcaption></figure>

***

#### ✦ Publishing Your Store&#x20;

Once you're satisfied with your customizations and they align with your brand identity, simply click '<mark style="color:blue;">**Publish**</mark>' to make your Token Store live.&#x20;

{% hint style="success" %}
Remember to save all your work before publishing to ensure all changes are reflected in the final version.
{% endhint %}