Utilities

Typography

Headings

About the European Commission

About the European Commission

About the European Commission

About the European Commission

About the European Commission
Fullscreen
<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

Playground

Paragraph

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.

Fullscreen
<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

Playground

Medium 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.

Fullscreen
<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

Playground

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.

Fullscreen
<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

Playground

Extra 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.

Fullscreen
<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

Playground

Text colour

Note: this list is not exhaustive, please read the usage page to know available colours.

Colour grey
Colour blue 120
Colour grey 75
Colour red
Colour green
Fullscreen
<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

Playground

Text 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
Fullscreen

Try it yourself on the playground

Playground