Actifs de marque
Tout ici est produit par le même code qui rend le site et l'application, donc cela ne peut pas s'éloigner de la réalité. Utilisez les fichiers tels quels : ne recolorez pas, ne déformez pas, ne faites pas pivoter et n'ajoutez pas d'effets aux marques.
La marque
Écrivez-le “Astrina”, en minuscules dans le logo et en majuscules dans une phrase — jamais “ASTRINA”.
Vous pouvez utiliser la marque et le nom pour faire référence à Astrina — dans un article, une critique, une page d'intégration ou une présentation.
Couleurs
Lisez en direct à partir de la feuille de style que le site utilise.
#6d4dff#b04dff#ff4f9a#ffb547#e8c27a#12b886#2f6bff#19c6e6#0a0820linear-gradient(118deg,#6d4dff 0%,#a64dff 46%,#ff4f9a 100%)linear-gradient(100deg,#19c6e6,#6d4dff 38%,#b04dff 62%,#ff4f9a 86%,#ffb547)linear-gradient(118deg,#f6d38b 0%,#e8b04b 50%,#c98a2a 100%)linear-gradient(118deg,#2f6bff 0%,#6d4dff 55%,#19c6e6 100%)Unbounded
Titres et grands chiffres d'exposition uniquement.
Onest
Texte principal, interface et chiffres denses.
JetBrains Mono
Code, clés et chiffres tabulaires.
Astra
La mascotte a une forme et plusieurs humeurs. Choisissez l'humeur qui correspond à votre histoire ; ne dessinez pas de nouvelles.
Chaque fichier d'icône d'application
Une marque, construite une fois et disposée pour chaque endroit où elle doit vivre. Chaque fichier est généré à partir du même vecteur, donc rien ici ne peut s'écarter de ce que l'application expédie réellement.
Télécharger tous les 45 fichiers (ZIP)
Un remplacement complet pour le dossier dans Assets.xcassets. Chaque PNG est opaque — l'App Store n'accepte pas de canal alpha.
Va dans ios/Runner/Assets.xcassets/AppIcon.appiconset/
L'icône adaptative : le cercle se trouve dans la couche avant, l'arrière-plan est transparent, et l'œuvre se trouve à l'intérieur du milieu 72dp de 108.
Va dans android/app/src/main/res/
Icon-192 et Icon-512 sont transparents ; la paire masquable est opaque, avec la zone de sécurité à 80%.
Va dans web/
Google Play prend un carré opaque ; les grands fichiers transparents sont pour des présentations.
Le vecteur à partir duquel tout le reste est construit, et la note sur ce qui va où.
Si vous reconstruisez ceux-ci
- Rendez le vecteur avec un moteur de navigateur. ImageMagick a son propre parseur SVG et dessine à Astra un contour qu'elle n'a pas.
- La couche monochrome Android est teintée uniquement par son canal alpha — la couleur de remplissage ne signifie rien. Les yeux noirs ressortent dans le même ton que le corps, donc les yeux et la bouche sont découpés comme des trous.
- Après son inclinaison de 7°, l'étoile se trouve vraiment à x 30.7–164.3, y 33.0–165.3, centrée sur 97.5/99.1 — la centrer sur la toile 200×200 pousse le cercle sur un côté.
Utiliser ces fichiers
- Vous pouvez utiliser la marque et le nom pour faire référence à Astrina — dans un article, une critique, une page d'intégration ou une présentation.
- Gardez-le comme une référence plutôt qu'un soutien : la marque ne doit pas suggérer que nous avons construit, sponsorisé ou approuvé votre produit.
- La marque et Astra restent les nôtres — elles appartiennent à notre produit, pas à votre emballage, votre icône d'application ou une marque à vous.
- Astra a une seule forme. Recoloriez-la, redessinez-la ou donnez-lui de nouvelles poses et elle devient quelqu'un d'autre.
- Tout le reste, ou un fichier que vous ne pouvez pas trouver ici : écrivez-nous.
Ce que cette page répond
- téléchargement du logo Astrina
- couleurs de marque Astrina
- logo Astrina SVG
- la mascotte Astra
- icône de l'application Astrina
- téléchargement de l'icône de l'application
- fichiers d'icône d'application iOS
- icône adaptative Android
- icône masquable
- comment utiliser la marque Astrina
- directives de marque
- matériel de presse Astrina
