Vie pratique

Polices et textes

Texte dans section

Les objets encombrants, souvent laissés sur les trottoirs, sont un défi urbain. Leur collecte préserve l’hygiène et l’esthétique de la ville, tout en encourageant le recyclage responsable. Ne les abandonnez pas; informez-vous sur la collecte!

Wysiwyg de [section]

Ceci est un titre H2

Ceci est un titre H3

Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.

Ceci est un titre H4

Vous êtes invité à bien vouloir signaler toute contamination avant la prise de rendez-vous. Des housses protectrices pour emballer vos objets contaminés et des autocollants signalétiques sont à votre disposition gratuitement.

Ceci est un titre H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Résumé de [content] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wysiwyg de [content]

Ceci est un titre H2

Ceci est un titre H3

Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.

Ceci est un titre H4

Vous êtes invité à bien vouloir signaler toute contamination avant la prise de rendez-vous. Des housses protectrices pour emballer vos objets contaminés et des autocollants signalétiques sont à votre disposition gratuitement.

Ceci est un titre H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Gros bouton (Barlow - 20px - fw:500) 

Petit bouton (Barlow - 16px - fw:500)

Texte de lien dans wysiwyg

Ceci est un titre H6

Lorem ipsum dolor sit amet (souligné peu différent du texte de lien)

consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Liste simple
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  • Wysiwyg - titre H5
  • Wysiwyg - titre H6
  • Wysiwyg - Résumé
  • Wysiwyg - liens
Liste numérotée
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  4. Wysiwyg - titre H5
  5. Wysiwyg - titre H6
  6. Wysiwyg - Résumé
  7. Wysiwyg - liens

Ajustements typographiques

  • L'option "souligné" pourrait être un peu différente pour la différencier des liens
  • le titre H4 doit être revu pour être en cohérence visuelle avec le titre H3, donc plus petit et "moins important" visuellement.
  • Les surtitres (de cards, de page etc.) sont en 16px. C'est un peu petit
  • Le "petit bouton" a une taille de police vraiment trop petite (14px) il faudrait passer en 16px
  • Avoir la possibilité de mettre du texte dans le même rouge que les alertes

Titre de message [=> à passer en H3]

Ceci est un titre H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H3 [=> à passer en Barlow]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H6

Gros bouton

Petit bouton

Texte de lien dans message

texte de paragraphe Message

le titre H3 du wysiwyg dans le paragraphe de type Message doit être en Barlow aussi

Texte dans un accordéon

Ceci est un titre H4 dans un accordéon (trop gros)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Angelot au cimetière

Ceci est un titre H4 dans un accordéon

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Texte dans les étapes

1

Titre de l'étape

Wysiwyg de [content]

Ceci est un titre H2

Ceci est un titre H3

Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.

Ceci est un titre H4

Vous êtes invité à bien vouloir signaler toute contamination avant la prise de rendez-vous. Des housses protectrices pour emballer vos objets contaminés et des autocollants signalétiques sont à votre disposition gratuitement.

Ceci est un titre H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Ceci est un titre H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

2

Liste des styles de polices

Menu principal : item

  1. Menu principal : items
  2. Lien de retour (thématique)
  3. Surtitre de grande rubrique
  4. Titre H1
  5. Wysiwyg - titre H2
  6. Wysiwyg - titre H3
  7. Wysiwyg - titre H4
  8. Wysiwyg - titre H5
  9. Wysiwyg - titre H6
  10. Wysiwyg - Résumé
  11. Wysiwyg - lien
  12. Wysiwyg - gros bouton
  13. Wysiwyg - petit bouton
  14. Wysiwyg liste simple
  15. Wysiwyg liste numérotée
  16. Liens (groupe)
  17. Message - Titre principal (H3)
  18. Message - Titre H3
  19. Message - Titre H4
  20. Message - Titre H5
  21. Message - Titre H6
  22. Accordéon - Titre principal (H3)
  23. Etape - Titre principal (H3)
  24. Cards - Surtitre
  25. Cards - Titre principal
  26. Cards - Texte
  27. Cards - bouton
  28. Card publication - Surtitre
  29. Card publication - Titre
  30. Card publication - Tag
Publication

Collecte des déchets: calendrier

Fiches d'information
Surtitre de card (actuellement Ginter, Inter, helvetica - 14px - fw: 400)

Titre de card (Barlow - 24px - fw:500)

Texte (actuellement Ginter, Inter, helvetica - 18px - fw: 400)

les icônes

Google

Boutons

Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel. Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.

Un bouton de taille small


Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel. Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.
Un bouton de taille normale

Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel. Si vos déchets encombrants sont contaminés (punaises de lit ou autres), les services de la Ville de Carouge ont mis en place une mesure de protection, utile pour vous, la population voisine, ainsi que le personnel.