Colours and typography
Change them once in Elementor and the whole site follows — header and product page included.
Harmony Sound reads Elementor’s global colours and fonts. You change them once, in Site Settings → Global Colors, and the whole site follows — including the header, the shop and the product page, which Elementor itself cannot edit.
That is the point of wiring the theme to the kit rather than giving you a second, competing colour panel.
The four colours
| Global colour | What it drives | Shipped value |
|---|---|---|
| Primary | The ink: body text, headings, solid buttons | #0E0E12 |
| Secondary | Muted text, labels, borders | #6B6B73 |
| Accent | Buy buttons, hotspots, key figures | #F59E0B |
| Text | The page background | #F1EFE9 |
The fonts
Space Grotesk for headings, Inter for body text. Both are shipped with the theme and served from your own server — your visitors’ browsers never contact Google, so there is nothing to declare on that account in a cookie banner.
Replace them in Site Settings → Global Fonts. If you pick a font the theme does not ship, Elementor will want to fetch it from Google: turn Harmony Sound → Settings → Performance → Let Elementor load Google Fonts back on.
Nothing changed?
Elementor caches the CSS it generates. Elementor → Tools → Regenerate CSS & Data, then clear your caching plugin.
Did this article help? Write to us.