> For the complete documentation index, see [llms.txt](https://docs.spydra.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.spydra.app/how-to/public-chain/token-store/design-store-front.md).

# 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="/files/Ili7QsDtvybUV1MswTdw" 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="/files/DS2nQeg5FDsnyG59Np0Y" 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 %}