The ten colors have no default. An empty color shows "From palette" in the editor and follows "Color palette"; the Notes give its Techno value. A color you set overrides the palette until you clear it. An emptied color ("Transparent") follows the palette too.
| Setting | Type | Default | Values | Notes |
|---|
| "Color palette" | Select | "Techno" | "Techno", "Dreamy", "Blueprint", "Monolith" | Sets the storefront's ten colors at once. A color you set below overrides the palette until you clear it. |
Page
| Setting | Type | Default | Values | Notes |
|---|
| "Page background" | Color | — | | "From palette" when empty (#000305 in Techno) |
| "Page text" | Color | — | | "From palette" when empty (#7df9ff in Techno) |
Panels and buttons
| Setting | Type | Default | Values | Notes |
|---|
| "Panel background" | Color | — | | "From palette" when empty (#01090c in Techno) |
| "Button background" | Color | — | | "From palette" when empty (#04191c in Techno). Filled controls use the headings and button text color below. |
| "Headings and button text" | Color | — | | "From palette" when empty (#c8feff in Techno) |
Body text
| Setting | Type | Default | Values | Notes |
|---|
| "Body text" | Color | — | | "From palette" when empty (#5fd9d4 in Techno) |
| "Secondary text" | Color | — | | "From palette" when empty (#4a9b9e in Techno) |
Structure
| Setting | Type | Default | Values | Notes |
|---|
| "Lines and borders" | Color | — | | "From palette" when empty (#2ee6e0 in Techno) |
| "Accent" | Color | — | | "From palette" when empty (#b6ff3c in Techno) |
| "Alerts" | Color | — | | "From palette" when empty (#ff8f8c in Techno) |
The default is your visitor's system monospace font, which loads instantly.
| Setting | Type | Default | Values | Notes |
|---|
| "Primary font" | Font | System monospace | | |
| "Base text size" | Range | 14px | 13px to 17px, step 1 | |
| Setting | Type | Default | Values | Notes |
|---|
| "Page width" | Select | "Medium" | "Narrow" (1440 px), "Medium" (1560 px), "Wide" (1760 px) | |
| "Page margin" | Range | 18px | 10px to 60px, step 2 | |
| Setting | Type | Default | Values | Notes |
|---|
| "Show back-to-top button" | Checkbox | On | | Appears after shoppers scroll down one screen. |
| "Position" | Select | "Left" | "Left", "Right" | Mirrored for right-to-left languages. Pick the side opposite your chat button. Shown when "Show back-to-top button" is on. |
| Setting | Type | Default | Values | Notes |
|---|
| "Use a custom logo" | Checkbox | Off | | Uses the shop name when off. |
| "Logo" | Image | — | | |
| "Logo width" | Range | 180px | 80px to 320px, step 10 | Shown when "Use a custom logo" is on. |
| "Tagline" | Text | — | | Short line beside the logo, such as a department or location. |
| "Favicon" | Image | — | | 32 x 32px recommended |
All motion respects the reduced motion setting in the visitor's operating system.
| Setting | Type | Default | Values | Notes |
|---|
| "Show scanline overlay" | Checkbox | Off | | Adds a fixed scanline texture over the page. |
| "Show grid overlay" | Checkbox | Off | | |
| "Show boot sequence on load" | Checkbox | On | | Fades page elements in on the first load. |
| Setting | Type | Default | Values | Notes |
|---|
| "Show system chatter in copy" | Checkbox | On | | Adds playful system lines to a handful of strings. |
| Setting | Type | Default | Values | Notes |
|---|
| "Free dispatch over" | Number | 0 | | Your store's real free-shipping threshold, in its currency. Leave at 0 unless you offer free shipping. The header, product page and cart messages stay hidden until you set it, and show only to customers shopping in that currency. |
| "Show currency code" | Checkbox | Off | | Prints the currency code beside every price. |
These apply to every product card: Featured collection, Product recommendations, collection pages and search results. See Product sections › Product cards.
| Setting | Type | Default | Values | Notes |
|---|
| "Show quick view button" | Checkbox | Off | | Opens the product's media, options and buy buttons in a panel without leaving the page. |
| "Show quick add button" | Checkbox | Off | | Products without options go straight to the cart. Products with options, a required subscription plan or a gift card recipient open quick view. |
| "Show swatches" | Checkbox | Off | | Shows the values of the first option that has swatches, such as Color. |
| "Swatches before "+" count" | Range | 5 | 2 to 8, step 1 | Shown when "Show swatches" is on. |
| "Show second image on hover" | Checkbox | Off | | On devices with a mouse, shows the product's second image while the card is hovered or focused. Products with one image don't change. |
| "Show compare checkbox" | Checkbox | Off | | Shoppers tick up to 3 products and see them side by side on the comparison page. Stays hidden until a page using the page.compare template is chosen below. |
| "Comparison page" | Page | — | | Create a page in Online Store > Pages, set its theme template to page.compare, and choose it here. A page with another template is ignored, and cards show no Compare. See Product comparison. |
| Setting | Type | Default | Values | Notes |
|---|
| "Customer account menu" | Menu | customer-account-main-menu | | Links in the header account panel. Leave empty to use the menu Shopify creates for customer accounts. |
Links appear as icons in the footer.
| Setting | Type | Default | Values | Notes |
|---|
| "Instagram" | Text | — | | |
| "YouTube" | Text | — | | |
| "Facebook" | Text | — | | |
| "X" | Text | — | | |
| "TikTok" | Text | — | | |
| "LinkedIn" | Text | — | | |
| "Pinterest" | Text | — | | |
| "Threads" | Text | — | | |