# Storefront URL: https://zerodev.ca/docs/prism/storefront > Design your store with the Theme Editor and Page Builder, and add your own pages. Your store is the public side of Prism at `/`. Two dashboard pages under **Store** control how it looks: the **Theme Editor** for colours and layout, and the **Page Builder** for the landing page and custom pages. ## Store Pages | Path | What it is | | -------------------- | -------------------------------------------------------------------------------- | | `/` | The landing page from the Page Builder. Before setup is done, the setup wizard. | | `/products` | Every published product, with search. Can be turned off in the Theme Editor. | | `/products/` | A product page. See [Products](/docs/prism/products#product-pages). | | `/checkout/success` | Where customers land after paying. | | `/login` | Customer sign-in. | | `/account` | Account Details, Security and My Licenses. See [Accounts](/docs/prism/accounts). | | `/terms`, `/privacy` | Terms of Service and Privacy Policy, until you replace them with your own pages. | | `/` | Any custom page you make in the Page Builder. | ## Theme Editor **Theme** shows a live preview of your store, sign-in page, account and dashboard while you edit. Nothing changes for visitors until you click save. | Section | What you can change | | ------------- | ----------------------------------------------------------------------------------------------------------------------------------- | | Mode | Light, dark or system. | | Accent | The main colour for buttons, links and highlights. | | Corner Radius | How rounded cards, buttons and inputs are. | | Font | System, Montserrat, Serif or Monospace. | | Store | Header and footer width, which side the account menu sits, the [product card](#product-cards) style and whether `/products` exists. | | Header Links | Links and dropdowns in the store header, to your pages or any URL. | | Footer | Footer links and your own copyright or notice. | | Sign In | Which side the sign-in form sits on and the image or video behind it. | | Dashboard | Sidebar position (left, right, top or bottom), a background image or video with tint, blur and glass panels. | | Custom CSS | Your own styles, applied to every page. | ### Product Cards | Style | Looks like | | -------- | -------------------------------------------- | | Standard | Cover on top, name, summary and price below. | | Compact | A small row with a thumbnail. | | Expanded | A large cover with more detail. | | Overlay | Text over the cover image. | The style you pick is used on `/products` and on any Page Builder product showcase set to **Theme Default**. ## Page Builder **Page Builder** edits your landing page and custom pages on a live canvas. Switch between desktop, tablet and mobile to check each size. Undo and redo work as you go, and nothing is published until you save. ### Sections A page is a stack of sections. Each section is a grid of 1 to 4 columns. | Setting | What it does | | ---------- | ------------------------------------------- | | Columns | How many columns the section has. | | Width | Contained, or the full width of the screen. | | Spacing | Small, medium or large padding. | | Background | None, muted, accent, or an image. | | Anchor | An ID to link to, as in `/#pricing`. | On small screens the columns stack. ### Elements Drag elements from the **Elements** tab into a section, then click one to edit it. | Element | What it shows | | ---------- | ------------------------------------------------------------------------------------------- | | Heading | A title in small, medium or large. | | Text | A paragraph. | | Button | A link styled as a primary or outline button. | | Image | An image with alt text. | | Feature | An icon with a title and text. | | Badge | A small label. | | FAQ | A question that opens to show its answer. | | Products | A showcase of featured, latest or hand-picked products, in any card style. | | Scroll Box | A card with an optional icon header and a scrollable body at small, medium or large height. | | Scroller | An infinite horizontal marquee of feature texts with customizable icon, speed and style. | | Spacer | Empty space. | | Divider | A line. | Each element can span several columns. **Actions** change an element depending on who is looking, such as a button that says **Sign In** to visitors and **My Account** to customers. ### Page Settings The **Page** tab sets what search engines and link previews show: | Setting | What it does | | ---------------------- | ---------------------------------------------- | | Page Title | The browser tab and search result title. | | Description | The search result and link preview text. | | Social Image URL | The image shown when the link is shared. | | Show in Search Engines | Off asks search engines not to index the page. | The dashboard is never indexed. **Reset to Default** replaces the landing page with the starter site in your language and keeps your page settings. ### Custom Pages Click **New Page**, give it a title and URL slug, and start from a blank page or a Terms of Service or Privacy Policy template. Slugs use lowercase letters, numbers and hyphens, and cannot be one Prism already uses, such as `products`, `login` or `account`. Link to your pages from the header and footer in the Theme Editor. ## Removing the Credit The store shows "Powered by Prism" at the bottom. The **Watermark** addon on your Prism license removes it.