Dawn is Shopify's reference theme, which is built for performance, flexibility, and ease of use. It uses [Online Store 2.0](/docs/storefronts/themes/best-practices/version-control) features, including [JSON templates](/docs/storefronts/themes/architecture/templates), which support [app blocks](/docs/apps/build/online-store/theme-app-extensions) and sections on all pages. Dawn is used as the basis of all [free Shopify themes](https://themes.shopify.com/collections/free-themes).

Dawn is an ultra-lightweight, mobile-first theme that uses atomic components, minimal JavaScript, and an opinionated set of features. It maximizes flexibility for merchants, while minimizing complexity.

> Warning:
> If you're building a theme for the Shopify Theme Store, then you can use Dawn as a starting point. However, the theme that you submit needs to be [substantively different from Dawn](/docs/storefronts/themes/store/requirements#uniqueness) so that it provides added value for users. 


<!---->

> Note:
> Development stores created after June 29, 2021 use Dawn as their default theme. You can also install Dawn directly from the [Shopify Theme Store](https://themes.shopify.com/themes/dawn/styles/default).

![An image of Dawn](/assets/themes/dawn-cropped.png)

We developed a set of [best practices](/docs/storefronts/themes/best-practices) and used them to build Dawn:

- **[Performance](/docs/storefronts/themes/best-practices/performance)** - Every part of Dawn was built with performance in mind. Dawn uses several strategies to optimize performance. For example, it makes use of CSS and native browser features over JavaScript wherever possible to reduce the bundle size and decrease load times.
- **[Design](/docs/storefronts/themes/best-practices/design)** - Dawn was built with the experience of merchants and customers in mind. It combines flexibility and ease of use with powerful brand expression and an intuitive interface.
- **[Accessibility](/docs/storefronts/themes/best-practices/accessibility)** - Dawn was designed and built to follow our best practices around accessibility. Its settings are organized to help merchants design accessible color schemes.
- **[Use of sections and blocks](/docs/storefronts/themes/best-practices/templates-sections-blocks)** - Dawn builds flexibility into templates by splitting template functionality into sections and blocks. This allows merchants to build custom layouts on any page and introduce [app blocks](/docs/apps/build/online-store/theme-app-extensions) in multiple locations on a page.

You can explore Dawn and its code to understand how these best practices can be applied.

<div class="resource-card-grid">
  <div>
  <a class="resource-card" href="https://github.com/Shopify/dawn" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/github"
     data-alt-src="/assets/resource-cards/github-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Shopify/dawn
    </h3>
    <p class="resource-card__description">View the Dawn repository on GitHub.</p>
  </a>
</div></p>

<p><div>
  <a class="resource-card" href="https://themes.shopify.com/themes/dawn/styles/default/preview" data-theme-mode="">
    <div class="resource-card__indicator-container"><img
     src="/assets/resource-cards/theme"
     data-alt-src="/assets/resource-cards/theme-dark"
     aria-hidden="true"
     class="resource-card__icon themed-image"></div>
    <h3 class="resource-card__title">
      Demo store
    </h3>
    <p class="resource-card__description">Visit the Dawn demo store to see the theme in action.</p>
  </a>
</div>
</div>


## Ways to use Dawn

The following table describes our guidelines for developers that use Dawn:

<table>
  <caption></caption>
  <thead>
    <tr>
      <th scope=“col”>Allowed</th>
      <th scope=“col”>Not allowed</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td scope=“row”>
        <ul>
          <li><a href="#clone-dawn-and-build">Clone and customize</a> Dawn for your store or a client's store.</li>
          <li><a href="#explore-example-theme-components">Explore</a> Dawn to understand theme best practices.</li>
          <li><a href="#explore-example-theme-components">Explore</a> Dawn to understand theme components and feature implementations.</li>
          <li>Leverage Dawn's components for your own theme, or a client's theme.</li>
          <li><p>Use Dawn as a starting point to build a unique theme, with its own distinct identity and value proposition, for the <a href="/docs/storefronts/themes/store">Shopify Theme Store</a>.</p><p>Themes that are submitted to the Shopify Theme Store must be <a href="/docs/storefronts/themes/store/requirements#uniqueness">substantively different</a> from Dawn.</p></li>
        </ul>
      </td>
      <td>
        <ul>
          <li>Submit a minimally-customized version of Dawn to the <a href="/docs/storefronts/themes/store">Shopify Theme Store</a> for review.</li>
          <li>Sell Dawn, a customized version of Dawn, or any of its components on a third-party website or platform.</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>

### Explore example theme components

Shopify theme architecture is flexible and can be implemented in different ways to support your merchant's goals, or meet the needs of a certain merchant segment.

If you're new to Shopify themes or want to understand how certain architectural components can be used, then you can explore the Dawn implementation of the component.

Because Dawn already has [JSON templates](/docs/storefronts/themes/architecture/templates) for all of its pages, you can use it as a model when [adding sections to your own theme](/docs/storefronts/themes/os20/assessment).

If a component is implemented in Dawn, then its implementation is linked from the [component documentation](/docs/storefronts/themes/architecture).

### Clone Dawn and build

You can use Dawn as a starting point to build your own theme. If you're using [Shopify CLI](/docs/storefronts/themes/tools/cli/cli-2/commands) for theme development, then you can use the [`init`](/docs/api/shopify-cli/theme/theme-init) command to clone the repository to your local machine. You can also clone Dawn directly from the repository.

This process is documented in the [Create a theme](/docs/storefronts/themes/getting-started/create) tutorial.

> Warning:
> If you're building a theme for the Shopify Theme Store, then you can use Dawn as a starting point. However, the theme that you submit needs to be [substantively different from Dawn](/docs/storefronts/themes/store/requirements#uniqueness) so that it provides added value for users.