Use the `sd-headline--inverted` class when displayed on primary background.

```html
<div class="bg-primary p-4">
  <h4 class="sd-headline sd-headline--inverted">Lorem ipsum sic semper</h4>
</div>
```