Headings
<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>
Try it yourself on the playground
PlaygroundParagraph
<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>
Try it yourself on the playground
PlaygroundText colour
Note: this list is not exhaustive, please read the usage page to know available colours.
Colour dark
Colour primary
Colour dark 60
Colour error
Colour success
<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>
Try it yourself on the playground
PlaygroundText style
About the European Commission
About the European Commission
About the European Commission
About the European Commission
About the European Commission
About the European Commission
About the European Commission
<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