Headings
About the European Commission
About the European Commission
About the European Commission
About the European Commission
About the European Commission
<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>
Try it yourself on the playground
PlaygroundParagraph
Lead 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 ensure the EU budget delivers on the issues that matter to Europeans.
<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 ensure the EU budget delivers on the issues that matter to Europeans.</p>
Try it yourself on the playground
PlaygroundMedium 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 ensure the EU budget delivers on the issues that matter to Europeans.
<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
ensure the EU budget delivers on the issues that matter to Europeans.</p>
Try it yourself on the playground
PlaygroundSmall 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 ensure the EU budget delivers on the issues that matter to Europeans.
<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
ensure the EU budget delivers on the issues that matter to Europeans.</p>
Try it yourself on the playground
PlaygroundExtra small 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 ensure the EU budget delivers on the issues that matter to Europeans.
<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 ensure the EU budget delivers on the issues that matter to Europeans.</p>
Try it yourself on the playground
PlaygroundText colour
Note: this list is not exhaustive, please read the usage page to know available colours.
<div class="ecl-u-type-m ecl-u-type-color-grey">Colour grey</div>
<div class="ecl-u-type-m ecl-u-type-color-blue-120">Colour blue 120</div>
<div class="ecl-u-type-m ecl-u-type-color-grey-75">Colour grey 75</div>
<div class="ecl-u-type-m ecl-u-type-color-red">Colour red</div>
<div class="ecl-u-type-m ecl-u-type-color-green">Colour green</div>
Try it yourself on the playground
PlaygroundText style
<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>
Try it yourself on the playground
Playground