This is where you bring your brand to life in the app. Start with Brand Kit to set your global design settings, then move into App Studio to build your screens. You can work through these in any order, but we recommend starting with Brand Kit so your colors, fonts, and icons are in place before you build anything.
Area 1: Set Up Brand Kit
Brand Kit controls the global design settings that apply across your entire app.
Go to App Studio → Brand Kit
Configure your colors, typography, icons, and brand assets
Area 2: Build Your Homepage
Your homepage is the first thing customers see when they open your app.
Go to App Studio → Screens → Home
Add and configure blocks using the AI, Visual, or Dev tabs in the right rail
Save as draft until you're ready to publish
Step 3: Set Up Bottom Navigation
Your bottom nav is how customers move around your app.
Go to App Studio → Navigation
Add, reorder, and configure your nav items
Note: Navigation changes go live immediately when you hit Save & Publish — double check your setup in the canvas first
Step 4: Customize Your Headers
Every screen has a customizable header with Left, Center, and Right zones.
Go to App Studio → Screens and open any screen
Click the header area to configure icons and content zones
We recommend adding an Inbox icon to your header on every screen
Area 5: Customize Your PDP, PLP & Cart
These are the screens your customers interact with most on their path to purchase.
Go to App Studio → Screens and work through Product Detail, Collections, and Cart
Area 6: Set Up Account & Inbox
Configure your Sign In, Create Account, and My Account screens.
Go to App Studio → Screens → My Account
Use the View Layout With toggle to switch between Signed In and Signed Out views
🔗 My Account: Overview & Customization
🔗 Sign In & Create Account Pages
🔗 Setting up Shopify New Customer Accounts
Step 7: Set Up Collections List & Search
Configure how customers browse and discover your products.
Go to App Studio → Screens → Collections List
Go to App Studio → Screens → Search