Phosphor Icon

À propos de l'application Phosphor Icons

L'application Phosphor Icons aide les équipes à standardiser la manière dont les icônes sont sélectionnées et rendues dans les expériences front-end en intégrant directement la bibliothèque d'icônes Phosphor dans Contentful.

Les éditeurs parcourent et recherchent la bibliothèque Phosphor par nom, mot-clé et tag, puis choisissent l'épaisseur et la position qui correspondent le mieux à leur contenu. En coulisses, l'application enregistre chaque sélection sous forme de JSON structuré (incluant le nom de l'icône, le nom du composant, l'épaisseur et la position), fournissant aux développeurs une charge utile cohérente qu'ils peuvent intégrer dans React, des classes CSS ou d'autres frontends sans modifier le modèle de contenu.

Les options configurables permettent aux administrateurs de contrôler quelles épaisseurs d'icônes, positions et même quelles icônes spécifiques sont disponibles dans chaque espace. Cela maintient la flexibilité des workflows éditoriaux tout en permettant aux équipes de design et de plateforme d'appliquer la cohérence de marque et les règles de mise en page depuis le frontend, et non depuis le contenu.

Fonctionnalités

• Sélection visuelle d'icônes : parcourez et recherchez visuellement les icônes de la bibliothèque Phosphor, afin que les éditeurs travaillent avec des aperçus d'icônes plutôt qu'avec des énumérations ou des chaînes de tokens.
• Rendu front-end cohérent : stockez les choix d'icônes sous forme de JSON structuré avec le nom de l'icône, le nom du composant, l'épaisseur et la position, fournissant un contrat stable et indépendant de l'implémentation pour le rendu des icônes sur tous les frontends.
• Contrôles d'icônes gouvernés : contrôlez quelles icônes, épaisseurs et positions sont disponibles par espace pour maintenir la flexibilité des workflows éditoriaux tout en appliquant les standards de design et de mise en page.

Captures d'écran