Retraites Populaires

Styleguide - VERSION 3.X

Cette nouvelle version du styleguide apporte différentes améliorations au niveau du code (maintenabilité et clarté). Les exemples de pages ne sont plus inclus dans le styleguide et sont fournis sur demande via Codepen.

Couleurs principales

$green
#008e4f
.brand-primary
$grey
#747476
.text-muted
$light-grey
#eee
$primary-dark-green
#005e58
$primary-orange
#ef8354
$primary-blue
#44bad8

Couleurs des instituions et annexes

$deep-green
#009966
.x-profelia
$light-green
#00a261
.x-cpev
$light-cyan
#07A1E2
.x-cppvf
$light-blue
#00a3e3
.x-cip
$dark-blue
#00a261
.dark-blue
$new-red
#D9505B
.new-red

Typographie

H1 - Cocon Pro Light - Le spécialiste vaudois de l’assurance vie et de la prévoyance professionnelle

H2 - Cocon Pro Light - Notre raison sociale, notre identité

H3 - Proxima Nova Bold - Plus de cent ans au service des Vaudoises et des Vaudois

H4 - Proxima Nova Bold - Partenaire de vos projets

H5 - Proxima Nova Bold - Les mêmes conditions pour tous les clients
H6 - Proxima Nova Bold - Labels obtenus par Retraites Populaires
Paragraphe
Proxima Nova Regular

Fondée il y a plus de 100 ans, Retraites Populaires cultive des valeurs humaines fortes et un esprit de mutualité.
Notre mission: être le spécialiste vaudois de l’assurance vie et de la prévoyance professionnelle. Notre détermination: demeurer toujours ce partenaire proche sur lequel vous pouvez compter. Active également dans l’immobilier, l'hypothèque et crédit et la gestion d'institutions de prévoyance, Retraites Populaires met au service des personnes, des entreprises et des institutions une plateforme de compétences et tout son savoir-faire.

Retraites Populaires est proche de ses clients. Avec son siège de Lausanne et ses deux agences à Yverdon-les-Bains et Nyon, elle offre des prestations simples et de qualité pour chacune des étapes de la vie.

Citation
Proxima Nova Regular
Retraites Populaires est fiable. Fondée il y a plus de 100 ans, elle est une partenaire de confiance sur laquelle la population et les entreprises peuvent compter en toute sécurité, en tant qu’institution de droit public avec des prestations garanties.
Surligner
Proxima Nova Regular

Retraites Populaires est responsable. Au coeur de sa raison d’être se trouve le respect des engagements.

Liste non ordonnée
Proxima Nova Regular
  • Maintien de votre 2e pilier
  • Possibilité de financer une couverture décès et invalidité
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Flexibilité du produit: prestations et financement en fonction de votre situation
Liste ordonnée
Proxima Nova Regular
  1. Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  2. Calcul des intérêts uniquement sur les fonds utilisés
    1. Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  3. Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste en arbre
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste en facettes
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste filtrée
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Tableau
Proxima Nova Regular
Option 1 Option 2
Toucher pendant 7 ans une rente mensuelle de CHF 300 Toucher un capital de CHF 24/480
Nombres
Proxima Nova Regular
1'000.10
Exposant et Indice
Proxima Nova Regular
D'une surface de 150m3.
Nouvelle mollecule découverte: Hlop22, révolution scientifique en vue.

Typographie (smaller)

H1 - Cocon Pro Light - Le spécialiste vaudois de l’assurance vie et de la prévoyance professionnelle

H2 - Cocon Pro Light - Notre raison sociale, notre identité

H3 - Proxima Nova Bold - Plus de cent ans au service des Vaudoises et des Vaudois

H4 - Proxima Nova Bold - Partenaire de vos projets

H5 - Proxima Nova Bold - Les mêmes conditions pour tous les clients
H6 - Proxima Nova Bold - Labels obtenus par Retraites Populaires
Paragraphe
Proxima Nova Regular

Fondée il y a plus de 100 ans, Retraites Populaires cultive des valeurs humaines fortes et un esprit de mutualité.
Notre mission: être le spécialiste vaudois de l’assurance vie et de la prévoyance professionnelle. Notre détermination: demeurer toujours ce partenaire proche sur lequel vous pouvez compter. Active également dans l’immobilier, l'hypothèque et crédit et la gestion d'institutions de prévoyance, Retraites Populaires met au service des personnes, des entreprises et des institutions une plateforme de compétences et tout son savoir-faire.

Retraites Populaires est proche de ses clients. Avec son siège de Lausanne et ses deux agences à Yverdon-les-Bains et Nyon, elle offre des prestations simples et de qualité pour chacune des étapes de la vie.

Surligner
Proxima Nova Regular

Retraites Populaires est responsable. Au coeur de sa raison d’être se trouve le respect des engagements.

Liste non ordonnée
Proxima Nova Regular
  • Maintien de votre 2e pilier
  • Possibilité de financer une couverture décès et invalidité
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Flexibilité du produit: prestations et financement en fonction de votre situation
Liste ordonnée
Proxima Nova Regular
  1. Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  2. Calcul des intérêts uniquement sur les fonds utilisés
    1. Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  3. Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste en arbre
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste en facettes
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)
Liste filtrée
Proxima Nova Regular
  • Transmission gratuite des avis de crédit et de débit relatifs à chaque mouvement
  • Calcul des intérêts uniquement sur les fonds utilisés
    • Integer gravida velit sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque eget finibus magna. Mauris scelerisque ullamcorper mi eget laoreet. Morbi eget nisl dui. Quisque varius.
  • Consolidation partielle possible pendant construction (tranche min. CHF 100'000)

Iconographie

.retraitespopulaires-icon-collectivites
.retraitespopulaires-icon-entreprises
.retraitespopulaires-icon-particuliers
.retraitespopulaires-icon-document-file
.retraitespopulaires-icon-document-group
.retraitespopulaires-icon-instagram
.retraitespopulaires-icon-instagram-rounded
.retraitespopulaires-icon-twitter
.retraitespopulaires-icon-twitter-rounded
.retraitespopulaires-icon-linkedin
.retraitespopulaires-icon-youtube
.retraitespopulaires-icon-facebook
.retraitespopulaires-icon-facebook-rounded
.retraitespopulaires-icon-angle
.retraitespopulaires-icon-search
.retraitespopulaires-icon-location-pin
.retraitespopulaires-icon-location-pin-filled
.retraitespopulaires-icon-mail
.retraitespopulaires-icon-phone
.retraitespopulaires-icon-phone-new
.retraitespopulaires-icon-arrow-up
.retraitespopulaires-icon-arrow-up-right
.retraitespopulaires-icon-arrow-right
.retraitespopulaires-icon-arrow-down-right
.retraitespopulaires-icon-arrow-down
.retraitespopulaires-icon-arrow-down-left
.retraitespopulaires-icon-arrow-left
.retraitespopulaires-icon-arrow-up-left
.retraitespopulaires-icon-arrow-thin
.retraitespopulaires-icon-lock
.retraitespopulaires-icon-calendar
.retraitespopulaires-icon-calendar-light
.retraitespopulaires-icon-time
.retraitespopulaires-icon-faq-thick
.retraitespopulaires-icon-documents-thick
.retraitespopulaires-icon-placeholder
.retraitespopulaires-icon-contact-us
.retraitespopulaires-icon-contact-us-borderless
.retraitespopulaires-icon-contact-menu
.retraitespopulaires-icon-checked
.retraitespopulaires-icon-unchecked
.retraitespopulaires-icon-external-link
.retraitespopulaires-icon-calculator
.retraitespopulaires-icon-chevron
.retraitespopulaires-icon-chevron-rounded
.retraitespopulaires-icon-edit
.retraitespopulaires-icon-frontdesk
.retraitespopulaires-icon-information
.retraitespopulaires-icon-arrow-last-thin
.retraitespopulaires-icon-close
.retraitespopulaires-icon-bi-arrow-right
.retraitespopulaires-icon-home
.retraitespopulaires-icon-persons
.retraitespopulaires-icon-shield
.retraitespopulaires-icon-rainbow