| Logo and wordmark |
Logo image or store name, logo height (desktop and mobile), accent dot, favicon, the large wordmark in the hero and footer. |
| Colors |
Color schemes: background, text, secondary text, lines, panels, image and photo backdrops, accent, button and hover colors. |
| Typography |
Heading and body fonts from Shopify’s font library, heading size and letter spacing, body size. |
| Layout |
Page width, side margins, space between sections, grid gap, corner radius for images, buttons and fields. |
| Buttons |
Height, label weight, arrow. |
| Product cards |
Photo shape and fit, second photo on hover, color swatches, color name, quick add, labels from label: tags, star rating. |
| Swatches |
The name of your color option (default Color) and a Name: #hex list used when Shopify’s swatches aren’t set. |
| Cart |
Drawer or page, free-shipping threshold (0 hides the bar), order note, accelerated checkout buttons, empty-cart collection. |
| Search |
Suggestions while typing, currency codes. |
| Motion |
Scroll reveals, smooth scrolling, page transition (its bands take color scheme backgrounds), custom cursor. |
| Contact and social media |
The link contact details open (empty = your contact page) and your social accounts; icons show in the footer. |