---
title: Subscription apps
description: subscription apps should follow these design guidelines.
source_url:
  html: https://shopify.dev/docs/apps/design/user-experience/subscription-apps
  md: https://shopify.dev/docs/apps/design/user-experience/subscription-apps.md
---

# Subscription apps

Subscription apps offer customers a subscription purchase option. To ensure a positive experience for customers, subscription apps should follow these design guidelines.

### Guidance

This guide explains the key principles of subscription needs and component-level guidelines for implementing subscription user interfaces. Refer to the [subscriptions section](https://shopify.dev/docs/storefronts/themes/pricing-payments/subscriptions/subscription-ux-guidelines) of Shopify.dev for more details.

![Subscription information that matches the storefront theme.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/subscription-apps/clear-price-DObOTNYr.png)

The price of a subscription should be clearly visible when a customer has selected a selling plan from a product form.

![Subscription information that matches the storefront theme.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/subscription-apps/match-styles-CGhGU4kH.png)

Subscription related UI should match the color palette, font, font-size and font weight of the store's current theme by default.

[![Forms](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-forms-wmPS0Hm4.png)![Forms](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-forms-wmPS0Hm4.png)](https://shopify.dev/docs/apps/design/user-experience/forms)

#### [PreviousForms](https://shopify.dev/docs/apps/design/user-experience/forms)

[![Build an example app](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-app-icon-Bh9TYZzf.png)![Build an example app](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-app-icon-Bh9TYZzf.png)](https://shopify.dev/docs/apps/build/build)

#### [NextBuild an example app](https://shopify.dev/docs/apps/build/build)