Typography (Theme settings > Typography)
- Headings: Font, Size scale, Letter case (As written or Uppercase).
- Body: Font, Size scale.
- Fonts come from Shopify’s font library, so they’re licensed for your store and load from Shopify’s servers. Bold and italic styles are loaded when the font has them.
- Rich text fields use italic as an editorial accent in headings (for example, “Quiet *architecture*”).
- Size scale changes all heading or body sizes proportionally. If you enlarge the body text, check long product titles and menus on a phone.
Colors (Theme settings > Colors)
The theme uses color schemes. Every section has its own Color scheme setting, so you can alternate backgrounds down a page. You can edit the four included schemes and add more. Each scheme has these fields:
| Field | Used for |
|---|---|
| Background | Section background |
| Text | Headings and body text |
| Secondary text | Captions, eyebrows, helper text |
| Accent and links | Links, sale prices, active states |
| Button background / Button label | Solid buttons |
| Outline button | Text and border of outline buttons |
Included schemes:
- Scheme 1 (ivory): the default.
- Scheme 2 (stone): statements and the password page.
- Scheme 3 (ink): the footer and promo tiles.
- Scheme 4 (oxblood): an accent.
Contrast: keep normal text at a contrast ratio of at least 4.5:1 against its background. Check it with any contrast checker whenever you change a scheme.