Typographie

 Il y a deux polices pour le site internet de la Caisse des Dépôts.

La Montserrat : 

c'est la police principale utilisée pour les titres de rubricage et les textes. Elle est présente à 70% sur le site Internet de la caisse des dépots.

 

La Roboto Slab

C'est une police secondaire utilisé pour les titres lié au contenu. Qui à pour principale fonction de différencier le contenu du site et de soulager la lecture.

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;70…" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;70…" rel="stylesheet">

Titre de page Rubrique

Titre de page Actu

Titre de bloc

Titre 2 contributeur : normal - gras - italic - gras & italic

Titre 3 contributeur : normal - gras - italic - gras & italic

Titre 4 contributeur : normal - gras - italic - gras & italic

Titre 5 contributeur : normal - gras - italic - gras & italic
Titre 6 contributeur : normal - gras - italic - gras & italic

<h1 class="heading1">Titre de page de rubrique</h1>

h1.heading1
 - font-family : Montserrrat
 - font-size : 7.6 rem
 - font-weight : 700
 - line-height : 1.218em
 - letter-spacing: -.025em

 

<h1 class="heading1Light">Titre de page Actu</h1>

h1.heading1Light
 - font-family : Montserrrat
 - font-size : 4.8 rem
 - font-weight : 500
 - line-height : 1.125em
 - letter-spacing: -.025em

 

<h2 class="block-title">Titre de bloc</h2>

h2.block-title
 - font-family : Montserrrat
 - font-size : 5.8 rem
 - font-weight : 700
 - line-height : 1 em

 

<h2>Titre 2 contributeur</h2>

h2
 - font-family : Roboto Slab
 - font-size : 2.6 rem
 - font-weight : 400
 - line-height : 1.266 em

 

<h3>Titre 3 contributeur</h3>

h3
 - font-family : Roboto Slab
 - font-size : 2 rem
 - font-weight : 400
 - line-height : 1.266 em

 

<h4>Titre 4 contributeur</h4>

h4
 - font-family : Roboto Slab
 - font-size :1.8 rem
 - font-weigh : 400
 - line-height :1.666 em

 

<h5>Titre 5 contributeur</h5>

h5
 - font-family : Montserrrat
 - font-size : 1.78rem
 - font-weight : 600
 - line-height : 1.882 em

 

<h6>Titre 6 contributeur</h6>

h6
 - font-family : Montserrat
 - font-size :1.6rem
 - font-weight : 700
 - line-height : 1.9375 em

Chapo : normal - gras - italic - gras & italic

Texte : normal - gras - italic - gras & italic

Citation : normal - gras - italic - gras & italic

 

  • liste à puce
  • liste à puce
  • liste à puce
  • liste à puce
  1. liste à chiffre
  2. liste à chiffre
  3. liste à chiffre
  4. liste à chiffre

Legende : normal - gras - italic - gras & italic

Label : normal - gras - italic - gras & italic

Tag : normal - italic

<p class="chapo">Chapo</p>

p.chapo
 - font-family : Montserrat
 - font-size : 2.3 rem
 - letter-spacing : -0.025em
 - line-height :  1.305 em

 

<p>texte</p>

p
 - font-family : Montserrat
 - font-size : 1.6 rem
 - letter-spacing : -0.025em
 - line-height :  1.6 em

 

<blockquote">Citation</blockquote>

blockquote
 - font-family : Roboto Slab
 - font-size : 2 rem
 - letter-spacing : -0.025em
 - line-height :  1.6 em

 

<ul><li>liste à puce</li></ul>

li
 - font-family : Montserrat
 - font-size : 1.6 rem
 - line-height : 1.42857143 em

 

<ol><li>liste à chiffre</li></ol>

li
 - font-family : Montserrat
 - font-size : 1.6 rem
 - line-height : 1.42857143 em

 

<p class="legende">Legende</p>

p.legende
 - font-family : Montserrat
 - color : #6e6e6e
 - font-size: 1.2rem;
 - line-height : 1.75 em

 

<p class="label">Label</p>

p.Label
 - font-family : Montserrat
 - font-size: 1.5rem;
 - line-height : 1.6 em

 

<p class="tag">Tag</p>

p.tag
 - font-family : Montserrat
 - font-size: 1.2rem
 - line-height : 1.6 em
 - text-transform: uppercase;

  

Exemple

le contributeur va expliquer la partie de cette page 

Avec un chapo dans le quel, il va synthétiser ou faire la publicité de ce que le lecteur va trouver dans cette partie de la page.

Et peut-être un premier texte d'introduction si nécéssaire à la compréhention pour dérouler son plan ou son sujet.

Il va expliquer une première partie

le contributeur prendra bien soin de mettre les informations importantes en gras, ainsi que les informations optionnel en italique, et pourquoi pas les informations qui considère comme importante et optionnel en italique et gras. comme fait précédemment.

  • Et le ceci peut se retrouver dans un titre

    le contributeur prendra bien soin de mettre les informations importantes en gras, ainsi que les informations optionnel en italique, et pourquoi pas les informations qui considère comme importante et optionnel en italique et gras. comme fait précédemment.

  • Ou cela qui lui aussi peut se retrouver dans un titre

  1. Le premier point énoncer
    le contributeur prendra bien soin de mettre les informations comme fait précédemment.
  1. Le deuxième point énoncer aussi
    le contributeur prendra bien soin de mettre les informations comme fait précédemment.

  • Et pour finir le dernier point

    Le contributeur peu aussi énumérer une suite de tag pour énumérer d'autre sujet en lien avec sa page par exemple

    Tag1 - Tag 2 - Tag 3

Et sortir un élément annexe

le contributeur aura aussi la possibilité de faire une référence à une personne en le citant.

 

La beauté est dans les yeux de celui qui regarde.

Oscar Wilde / écrivain, 1854 - 1900

  • Et le ceci peut se retrouver dans un titre

    le contributeur prendra bien soin de mettre les informations importantes en gras, ainsi que les informations optionnel en italique, et pourquoi pas les informations qui considère comme importante et optionnel en italique et gras. comme fait précédemment.

  • Ou cela qui lui aussi peut se retrouver dans un titre

  1. Le premier point énoncer
    le contributeur prendra bien soin de mettre les informations comme fait précédemment.
  1. Le deuxième point énoncer aussi
    le contributeur prendra bien soin de mettre les informations comme fait précédemment.

  • Et pour finir le dernier point

    Le contributeur peu aussi énumérer une suite de tag pour énumérer d'autre sujet en lien avec sa page par exemple

    Tag1 - Tag 2 - Tag 3

Un tableau

Mois de la transaction

Nom EMTN

Type de taux

Taux

Nominal

Devise

Maturité

Code ISIN

Janvier
Téléchargement Final Terms EMTN EUR TF EU6M+37 01022043 FR001400FG01 S367T1 pdf - 458k
Final Terms EMTN EUR TF EU6M+37 01022043 FR001400FG01 S367T1

TF

1,125%

         300 000 000,00

GBP

16/12/2024

FR0014007OY0

Janvier

NEU MTN EUR TF 1,46% 24/01/2052 FR0127198606 S14T1

TF Callable

1,460%

         100 000 000,00

EUR

24/01/2052

FR0127198606

Janvier

EMTN USD TF 1,375% 05/02/2025  FR0014007VT5 S347T1

TF

1,375%

         400 000 000,00

USD

05/02/2025

FR0014007VT5

Janvier

EMTN USD TF 1,375% 05/02/2025  FR0014007VT5 S347T2

TF

1,375%

         600 000 000,00

USD

05/02/2025

FR0014007VT5

Janvier

EMTN EUR TF 0,35% STEP UP 0,68% 03/02/2034 FR00140082H4 S348T1

TF Callable

0,350%

           10 000 000,00

EUR

03/02/2034

FR00140082H4

Janvier

EMTN EUR TF 0,44% STEP UP 0,85% 10/02/2037 FR0014008421 S349T1

TF Callable

0,440%

           10 000 000,00

EUR

10/02/2037

FR0014008421

Janvier

NEU MTN EUR TF 1,15% 03/02/2042 FR0127198622 S15T1

TF Callable

1,150%

           70 000 000,00

EUR

03/02/2042

FR0127198622

Février

EMTN EUR TF 1,14% 25/02/2037 FR0014008P05  S350T1

TF Callable

1,140%

           15 000 000,00

EUR

25/02/2037

FR0014008P05