Typography
Heading and body fonts, sizes, case and letter spacing.
Every piece of text in Rouge follows a role: heading, body, label or button. Change a role in Theme settings › Typography and every text with that role changes with it.
Fonts
- Heading font is used for titles, product names on the homepage and big statements.
- Body font is used for descriptions, reviews, prices and forms.
- Accent font is the italic serif used for single words inside headings, like gifting in “Sets made for gifting”.
Rouge only loads the weights it needs, so a font change keeps the store fast.
Size and case
- Heading size scales every heading together, from the hero title to card titles.
- Body size scales body text, labels and buttons.
- Heading case and Label case switch between as typed and capitals.
Letter spacing
Capitals get extra spacing so they stay easy to read. You can raise or lower it with Caps spacing; Rouge works out the right value for each size.