Typography

<h1 class="ecl-u-type-heading-1">About the European Commission</h1>
<h2 class="ecl-u-type-heading-2">About the European Commission</h2>
<h3 class="ecl-u-type-heading-3">About the European Commission</h3>
<h4 class="ecl-u-type-heading-4">About the European Commission</h4>
<h5 class="ecl-u-type-heading-5">About the European Commission</h5>
<h6 class="ecl-u-type-heading-6">About the European Commission</h6>

<p class="ecl-u-type-paragraph-lead">The European Commission has put forward ambitious yet realistic proposals for a
  modern EU budget. It is time for an EU budget that reflects rapid developments in innovation, the economy, the
  environment and geopolitics, amongst others. The Commission is putting forward modern, clearer and simpler EU
  financial rules that make sure the EU budget delivers on the issues that matter to Europeans.</p>
<p class="ecl-u-type-paragraph">The European Commission has put forward ambitious yet realistic proposals for a modern
  EU budget. It is time for an EU budget that reflects rapid developments in innovation, the economy, the environment
  and geopolitics, amongst others. The Commission is putting forward modern, clearer and simpler EU financial rules that
  make sure the EU budget delivers on the issues that matter to Europeans.</p>
<p class="ecl-u-type-paragraph-s">The European Commission has put forward ambitious yet realistic proposals for a modern
  EU budget. It is time for an EU budget that reflects rapid developments in innovation, the economy, the environment
  and geopolitics, amongst others. The Commission is putting forward modern, clearer and simpler EU financial rules that
  make sure the EU budget delivers on the issues that matter to Europeans.</p>
<p class="ecl-u-type-paragraph-xs">The European Commission has put forward ambitious yet realistic proposals for a
  modern EU budget. It is time for an EU budget that reflects rapid developments in innovation, the economy, the
  environment and geopolitics, amongst others. The Commission is putting forward modern, clearer and simpler EU
  financial rules that make sure the EU budget delivers on the issues that matter to Europeans.</p>

<div class="ecl-u-type-m ecl-u-type-color-dark">Colour dark</div>
<div class="ecl-u-type-m ecl-u-type-color-primary">Colour primary</div>
<div class="ecl-u-type-m ecl-u-type-color-dark-60">Colour dark 60</div>
<div class="ecl-u-type-m ecl-u-type-color-error">Colour error</div>
<div class="ecl-u-type-m ecl-u-type-color-success">Colour success</div>

<div class="ecl-u-type-m ecl-u-type-none">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-lowercase">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-uppercase">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-capitalize">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-overline">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-underline">About the European Commission</div>
<div class="ecl-u-type-m ecl-u-type-strike">About the European Commission</div>