Splash

Splashes are elements often used to display prices, to highlight a benefit or display some kind of advantage.

Examples

Splash

150,- /md i 24mdr.*
<div class="ys-splash">
    <strong class="ys-splash__price">150,-</strong>
    <small class="ys-splash__desc">/md i 24mdr.*</small>
</div>

Splash, blue

150,- /md i 24mdr.*
<div class="ys-splash ys-splash--blue">
    <strong class="ys-splash__price">150,-</strong>
    <small class="ys-splash__desc">/md i 24mdr.*</small>
</div>

HTML Guidelines

UX and Design Guidelines