Pelote
EN
Marque

AppIcon

Le mark commun à toutes les apps Pelote : un Material Symbol rempli sur la forme cookie9, en violet.

Aperçu en direct

Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.

MarqueUn seul mark pour toutes les apps qui utilisent Pelote

Portfoliocode
VPS Admindns
PoGo Searchmy_location
Stabiliténutrition

Favicon : cookie9 en #4F378B, Material Symbol Rounded rempli en #EADDFF à 50 % de la forme. Seul le glyphe change d'une app à l'autre.

Onglets clair et sombre

PoGo Search
PoGo Search
VPS Admin

Sur un onglet sombre, le même fichier passe en #D0BCFF / #381E72 grâce à une media query interne : il reste violet et lisible.

Icône d'app (maskable / adaptive) dans les masques des lanceurs

Cercle
Squircle
Carré arrondi
Plein cadre
Thématique (monochrome)

Fond plein #EADDFF, cookie9 à 62 % dans la zone sûre, glyphe à 30 %. Le modèle est celui de PoGo Search. La version monochrome (Android 13+) ne garde que le glyphe, recoloré par le système.

UX / UIRègles illustrées

À faire
Même forme, même violet, un Material Symbol existant par app.
À éviter
Un logo à part, dessiné à la main, hors palette.
À éviter
Une autre teinte (#6750A4) et un glyphe blanc : hors du modèle commun.
À éviter
Un glyphe improvisé en traits, même proche d'une vraie icône : utiliser notes ou dns des Material Symbols.

Variante M3ELe mark ne change pas

PlazaWii U / 3DS

Le mark se pose dans une tuile brillante, comme une vignette du menu.

ChromeY2K

VPS Admin

La barre chromée porte le mark tel quel : jamais de chrome ni de reflet sur l'icône elle-même.

Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.

Le mark commun à toutes les apps qui utilisent Pelote (aujourd'hui le portfolio, VPS Admin, PoGo Search et Stabilité) : un Material Symbol Rounded rempli posé sur la forme cookie9, en violet. Seul le glyphe change d'une app à l'autre.

Ce que fournit le consommateur

Le nom d'un Material Symbol existant (jamais un glyphe dessiné). Les fichiers de chaque app sont dans le groupe d'assets AppIcons : *-favicon.svg, *-maskable.svg, *-monochrome.svg.

Déclinaisons

  • Favicon : cookie9 #4F378B, glyphe #EADDFF à 50 %. Media query interne : #D0BCFF / #381E72 sur un onglet sombre.
  • Maskable (PWA) / adaptive (Android) : fond #EADDFF plein cadre, cookie9 #4F378B à 62 %, glyphe #EADDFF à 30 %.
  • Monochrome : le glyphe seul, pour les icônes thématiques d'Android 13+.
  • PNG 192, 512 et apple-touch générés depuis les SVG (rsvg-convert -w 512), jamais redessinés.

Glyphes

portfolio code, VPS Admin dns, PoGo Search my_location, Stabilité nutrition. Une nouvelle app choisit son glyphe sur fonts.google.com/icons.

Règles

  • Pas d'autre forme, pas d'autre teinte, pas de dégradé ni d'ombre.
  • Le mark ne change pas avec la variante Plaza ou Chrome.

Plus

TokensAssetsLicence GitHub

Apparence

Le choix s'applique tout de suite et reste sur cet appareil.

Mode
Couleur du thème Tous les rôles sont régénérés depuis cette couleur source.
Style La matière change, les composants et les rôles restent les mêmes.
Material YouSur le web, la couleur du fond d'écran n'est pas accessible. Choisis une couleur source ci-dessus ; dans les apps Android 12+, Material You suit le fond d'écran.