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

# Design

> Our no-code templates are designed to give artists the customization and power of a traditional website, with the simplicity and efficiency of a link-in-bio page.

<img height="422" src="https://mintcdn.com/supertape/BTq-KD6CQJyk80jl/images/docs/st-help-design.jpg?fit=max&auto=format&n=BTq-KD6CQJyk80jl&q=85&s=43dedbf80e73bd74113ab217b3e7c091" className="rounded-md" data-path="images/docs/st-help-design.jpg" />

## Types of pages

<CardGroup cols={3}>
  <Card title="Home" icon="house" iconType="light" href="/docs/design/images#cover-image">
    Your site's primary landing page. Displays your cover image and posts.
  </Card>

  <Card title="Music" icon="album-collection" iconType="light" href="/docs/music">
    Displays your albums and links to the smart links for each one.
  </Card>

  <Card title="Merch" icon="tags" iconType="light" href="/docs/merch">
    Displays your products and links to the smart links for each one.
  </Card>

  <Card title="Videos" icon="films" iconType="light" href="/docs/videos">
    Displays your videos and links to the smart links for each one.
  </Card>

  <Card title="Tour" icon="tickets" iconType="light" href="/docs/tour">
    Displays your tour dates and links to the smart links for each one.
  </Card>

  <Card title="Info" icon="info" iconType="light" href="/docs/artist">
    Displays your artist details. Perfect for a bios, press, contact info, and more.
  </Card>
</CardGroup>

## Customizing your design

The **Design** editor is your sandbox for testing a variety of design changes behind-the-scenes. Try new [templates](/docs/design/templates), [images](/docs/design/images), [colors](/docs/design/colors), [fonts](/docs/design/fonts), and customize your [header](/docs/design/header) and [footer](/docs/design/footer) without worrying about fans seeing it. Only publish it to the world when you're happy with it.

<Tip>[Connect a custom domain](/docs/domains) to take your customization to the next level.</Tip>

## Previewing your design

All Supertape sites are designed to look great on any device and screen size. We offer you a few ways to test this out yourself.

<CardGroup cols={3}>
  <Card title="Fullscreen" icon="expand" iconType="light">
    What your site looks like in fullscreen mode.
  </Card>

  <Card title="Desktop" icon="desktop" iconType="light">
    What your site looks like on large screens.
  </Card>

  <Card title="Mobile" icon="mobile" iconType="light">
    What your site looks like on small screens.
  </Card>
</CardGroup>

<Tip>
  When making design changes, be sure to click around to different pages in the preview area to see how the changes
  impact the layout and style of your entire site.
</Tip>

## Publishing your design

Once you've customized your design, and previewed your changes to make sure you're happy with everything, a **Publish** button will become enabled in your **Edit** panel. When you're ready, hit the button and your new template will be live to the world.

## Discarding your design

Any time you've made some design changes the **Discard** button will become enabled in your **Edit** panel, and selecting it will reset your unpublished design to match your currently live site. You're safe to experiment with all kinds of ideas.