Brand, type, colors and layout
Theme settings apply to the whole store. Open them in the theme editor with the brush icon in the left bar.
Brand
| Setting | What it does |
|---|---|
| Logo | Shown in the header. Without a logo, the store name is shown as text. Set its width in the Header section. |
| Favicon | The small icon in browser tabs. Use a square image of at least 32 × 32 px. |
Typography
| Setting | What it does |
|---|---|
| Body font | Font for text, buttons, menus and forms. |
| Display font | Font for headings and large numerals. |
| Heading scale | Makes all headings larger or smaller together. |
| Body text size | Base size of body text. |
| Eyebrow text style | The small labels above headings: uppercase or sentence case. |
Fonts come from Shopify’s font library and load from Shopify’s servers, so they do not slow down your store.
Colors
Ani uses color schemes. Each scheme defines background, text, secondary text, border, button and button label colors. Every preset ships with four schemes: Ivory, Ink, Burgundy and Sand.
- Edit a scheme in Theme settings › Colors. The change applies everywhere that scheme is used.
- Choose a scheme for each section with its Color scheme setting.
- Add more schemes with Add scheme.
Check contrast after editing colors. Text should stand out clearly from the background, especially on buttons.
Layout
| Setting | What it does |
|---|---|
| Page width | Maximum width of page content on large screens. |
| Section spacing | Default space between sections. |
| Page margin on desktop / mobile | Space between content and the edge of the screen. |
| Grid spacing | Gap between cards in product and collection grids. |
Most sections also have their own Section width (theme, narrow or full) and, with Customize vertical spacing turned on, their own top and bottom spacing for desktop and mobile.
Social links
Add your profile URLs for Instagram, Pinterest, TikTok, Facebook, YouTube, X (Twitter) and LinkedIn. Icons appear in the footer, the mobile menu and anywhere a section offers Show social icons.