Nouvelle version 1.5

Cette version est la traduction du nouveau Design Sytem de la ville de Paris

Cette mise à jour implique une refonte importante du code ( variabilisation des tailles, couleurs, fonts...)

Un certaion nombre de ressource ont été minifiées afin de réduire l'utilisation de la bande passante et certaines librairies js ont été portées dans leur dernières versions.

La documenation a été massivement mise à jour et apporte de nombreux exemples pour les différents type de pages.

Principales évolutions

Nouveaux composants

  • Accordéon avec collaspe : Présenter un contenu dans une boite de type alerte, pliable.
  • Cascading : Permet de présenter des données sous forme d'arborescence
  • Stepper : Ce composant éditorial qui permet de présenter graphiquement des étapes.
  • Formulaires : Nouveau type de champs, password (avec jauge de roburstesse, quantityPicker, date (type date ou datepicker, voir plus bas )
  • Ajout de bouton, image et message "FranceConnect"
  • Le composant "filtre", permet d'afficher ou cacher une liste de checkbox.
  • Le composant "Slider", permet d'afficher des images sous forme de slides
  • Le composant "Status", permet d'afficher des status, une puce de couleur associée à un texte
  • Nouveau bouton "Retour en haut de page"
  • Nouvelle librairie d'icones "paris.fr".

Composants modifiés

  • Nouvelles couleurs ajoutées.
  • Style des alertes
  • 3 type de boutons disponibles seulement, attention disparition des styles "action", class "btn-action" et "btn-link-action"
  • Nouveaux styles pour le carousel.
  • Nouveaux styles pour les card
  • Updgrade de la version de TarteAuCitron, librairie de gestion du consentement [LIEN]
  • Nouveau design pour le composant cInfoStep.
  • Le champs datepicker utilise une nouvelle librairie qui permet de corriger les problème d'accès au clavier. [LIEN]
  • Nouveau styles pour les champs upload de fichier, radio bouton et checkbox
  • Modification des étapes
  • Modification du style des liens
  • Modification du style des listes
  • Modification du style des messages
  • Modification du style des tables
  • Modification du style des mises en avant
  • Modification des icones; La librairie d'icones font Awesome a été supprimée. Seules les icones "paris.fr" sont utilisée. Si vous constater qu'une nef apparait dans votre contenu à la place de l'icone attendue cela veut dire que vous devez remplacer le code pour cette icone.

Utilisation du thème

De quoi se compose le thème ?

Le thème se compose de macro qui couvrent de façon la plus complète possible les besoins de composants HTML/CSS pour construire un téléservice avec le thème designé par la DICOM.

Ce thème n'est pas exhaustif et peut être complèté, actualisé...

Ce site présente donc une implémentation pour chacun des composants sous forme de documentation et d'exemples associés.

Dernière version v 1.5.3

Le Style Guide est un guide de conception pour les services numériques de la Ville de Paris.

Tous les éléments nécessaires à la conception graphique et à  l'intégration d'un service numérique sont répertoriés dans cette charte graphique dans le but d'harmoniser les services de la Ville de Paris et de créer une identité visuelle forte.

Ce site est une implémentation du Design system dans un thème Lutece .

Ce thème est conçu sur la base de Bootstrap version 4.6.2 est disponible sur Gitlab.

M'abonner