Web pattern library, style and technical reference
Fuse v.2 • 36px
<h1 class="headline-36px"><span>36px</span> headline</h1>
Fuse v.2 • 40px
<h1 class="headline-40px"><span>40px</span> headline</h1>
Fuse v.2 • 50px
<h1 class="headline-40px"><span>50px</span> headline</h1>
Fuse v.2 • 60px
<h1 class="headline-60px"><span>60px</span> headline</h1>
Fuse v.2 • 80px
<h1 class="headline-80px"><span>80px</span> headline</h1>
Fuse v.2 • 100px
<h1 class="headline-100px"><span>100px</span> headline</h1>
Fuse v.2 • 120px
<h1 class="headline-120px"><span>120px</span> headline</h1>
Fuse v.2 • 150px
<h1 class="headline-150px"><span>150px</span> headline</h1>
When used on against a dark background an additional class can be specified to invert the headline (primary colour of white instead of dark grey). Works with all above headline sizes.
Fuse v.2 • 100px
<h1 class="headline-100px inverted-headline"><span>Inverted</span> headline</h1>