> ## Documentation Index
> Fetch the complete documentation index at: https://docs.quickshops.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Themes and storefront appearance

> Choose your storefront layout, colors, and fonts — and preview changes before you publish.

Your storefront theme controls how your store looks to customers: layout, colors, typography, and spacing. Quickshops ships with polished templates so you can launch quickly and refine the details later.

## Storefront templates

When you set up your store, you pick a **storefront template** — a pre-built layout designed for selling digital products. Templates include sections for your profile, product grid, featured items, and checkout links.

To review or change your template:

<Steps>
  <Step title="Open Settings">
    Go to **Settings** in the sidebar.
  </Step>

  <Step title="Appearance">
    Open the **Appearance** tab and click **Launch editor** to preview your storefront.
  </Step>

  <Step title="Publish when ready">
    Adjust theme tokens in the editor, preview the result, then publish so customers see the update.
  </Step>
</Steps>

## Theme colors and fonts

In the **Editor**, open the theme panel to customize design tokens:

* **Colors** — background, text, primary accent, and borders
* **Typography** — heading and body fonts (loaded automatically for your template)
* **Radius** — corner rounding on cards and buttons

Changes save as drafts until you publish. Your live store keeps the previous theme until you explicitly publish.

<Tip>
  Match your primary color to your brand or product cover art for a cohesive look. You can always ask AI Chat to "make the store feel more minimal" or "use a warmer palette."
</Tip>

## Storefront copy

Templates include placeholder text for headlines, bios, and FAQs. Replace defaults by:

* Asking in **AI Chat** — e.g. "Rewrite the hero for a photography preset shop"
* Editing under **Settings → Content** for structured storefront fields

## Custom domain (Pro)

Free plans use a Quickshops subdomain. On **Pro**, you can connect your own domain under **Settings → Domain**. Your theme and products stay the same — only the URL changes.

## Related

<CardGroup cols={2}>
  <Card title="Customize your store" icon="paintbrush" href="/store/customization">
    AI chat and editor workflows.
  </Card>

  <Card title="Account setup" icon="settings" href="/account-setup">
    Domains and general settings.
  </Card>
</CardGroup>