Logos et marques textuelles
Le logo textuel et le logomark carré sont chacun disponibles en couleur, blanc et noir, en vecteurs maîtres et en rasters prêts à l’emploi. Prenez celui qui correspond à votre fond.
LogotypeFond sombre
Logotype, blancPhoto ou fond sombre
Logotype, noirFond clair
LogomarkTout fond
Logomark, blancFond foncé
Logomark, noirFond clair
Écrivez-le screenRIG
Minuscules screen, majuscules RIG, un seul mot, dans le texte courant et dans la marque textuelle. La casse, pas la couleur, sépare les deux moitiés, donc le nom se lit pareil en une couleur.
Choisissez le maître pour le mur
Les fonds sombres prennent la marque de couleur : ambre screen, blanc RIG. Les fonds clairs prennent le maître noir, les deux moitiés en encre. Les utilisations monochromes prennent le maître blanc ou noir.
Conserver le logotype intact
Le cadre, le coin intérieur en pente et les deux yeux forment une unité. La marque ne porte aucun texte. Placez le logotype à côté, jamais à l’intérieur.
Ne rien changer
Conserver les couleurs, proportions et dessins fournis. Ne pas ajouter de socle, étincelle, ombre, dégradé, contour ou halo, et ne pas étirer, faire pivoter ou recolorer les marques.
Utilisez les trames fournies
Le logo textuel SVG nomme Agave mais ne l’intègre pas. Utilisez les fichiers PNG ou WebP, qui sont recadrés avec un tampon uniforme, pour l’impression, les diapositives et les pages partenaires, et ne re-rendez pas le SVG sans la police.
Conserver la lisibilité
Laissez de la place autour de chaque marque, gardez-la assez grande pour être lisible, et placez-la sur un fond avec lequel elle contraste. Le logotype reste en haut à gauche d’une page et renvoie à l’accueil.
Logo animé
Le logomark s’éveille. Une ligne de balayage allume l’écran et se divise en deux yeux, l’agent regarde autour, repère le spectateur, sourit et se pose exactement sur le logomark.
Agent eyesLecture unique
- SVG animé : autonome, joue une fois et tient ; le mouvement réduit affiche le logotype statique. Télécharger SVG
- Lottie JSON : vecteur à toute taille pour le Web et les apps natives. Télécharger JSON
- Film de démarrage, MP4 : 1024 par 1024, 60 ips, 7 secondes, silencieux, sur fond uni. Télécharger MP4
- Partager un extrait, MP4 : 1920 par 1080, 9 secondes : le même film, puis la marque apparaît et l’agent cligne des yeux. Pour Slack, réseaux sociaux, présentations et courriels. Télécharger MP4
- WebM transparent : le film avec alpha en dehors de la marque, pour le compositing dans les montages vidéo. Télécharger WebM
Les lecteurs peignent la couleur de fond #2A3547 derrière le film, et le film utilise la même couleur, donc il repose sur un écran Player sans carré visible.
Icônes d’app
Une famille d’icônes pour chaque boutique et système : le logomark sur les couleurs ambre et ardoise, sans texte. Chaque ensemble suit les conventions de sa plateforme, donc copiez un ensemble tel quel.
Famille d’icônes
| Plateforme | Inclus | Télécharger |
|---|---|---|
| Web et navigateur | Favicon SVG et ICO, PNG 16, 32 et 48, icônes Apple touch, et icônes d’application Web standard et masquables 192 et 512. | Icônes Web (ZIP) |
| Android et Android TV | Premier plan et arrière-plan adaptatifs, couche monochrome Android 13, lanceurs ronds et standards de mdpi à xxxhdpi, illustration Google Play 512 pixels et bannière TV. | Icônes Android (ZIP) |
| iPhone, iPad, macOS et Apple TV | Ensembles d’icônes d’app iOS et iPadOS avec l’icône App Store de 1024 pixels, ensembles sombres et teintés à taille unique, l’ensemble d’icônes macOS et ICNS, icônes Apple TV en couches et art de la barre supérieure, ainsi que des couches vectorielles pour Icon Composer. | Icônes Apple (ZIP) |
| Windows | Actifs de logo ICO et MSIX multi-tailles et tuiles à toutes les échelles. | Icônes Windows (ZIP) |
| Linux et Raspberry Pi | SVG et PNG évolutifs de 16 à 1024 dans la mise en page hicolor, nommés ai.screenrig.player. | Icônes Linux (ZIP) |
Codes de couleur
Douze couleurs composent toute la palette. Le fond couvre la majeure partie de chaque écran, et les noms de couleurs désignent un état plutôt que de décorer une surface. Ambre est l’accent.
Fond
#2A3547 · rgb(42 53 71)
--ground
Arrière-plan de la page. La majeure partie de tout écran est le fond.
Surface
#3D4B5F · rgb(61 75 95)
--surface
Cartes, panneaux et rangées surélevées.
Puits
#202A38 · rgb(32 42 56)
--well
Zones en retrait : code, sortie du terminal, entrées.
Texte du corps
#D3D8E0 · rgb(211 216 224)
--fg
Texte du corps. Passe AA sur fond et surface.
Luminosité
#FFFFFF · rgb(255 255 255)
--fg-bright
Titres et RIG. L’élément le plus sonore d’un bloc.
Muet
#9CA3AF · rgb(156 163 175)
--fg-muted
Texte secondaire et légendes, uniquement au sol.
Ambre de la marque
#F8B334 · rgb(248 179 52)
--amber
screen dans le logotype, les liens, les anneaux de mise au point et l’action principale unique.
Bleu primaire
#3F70B7 · rgb(63 112 183)
--blue
Remplissage uniquement : états sélectionnés, contrôles remplis, séries de graphiques. Jamais le texte ou les lignes.
Erreur ember
#E6664D · rgb(230 102 77)
--error
Niveau d’erreur et échec.
Alerte cuivre
#DF7F2A · rgb(223 127 42)
--alert
Niveau d’alerte et prudence. Pas ambre de marque.
Acier info
#6B9BBC · rgb(107 155 188)
--info
Niveau info et avis. Pas bleu primaire.
Succès vert
#3FAE6A · rgb(63 174 106)
--success
Un état de succès authentique uniquement.
Règles à respecter
- Le bleu primaire est un remplissage, jamais de l’encre. Le texte blanc sur bleu passe à 4,98 : 1. Le bleu en texte, lien, bordure ou contour d’icône échoue sur les deux critères.
- Le texte atténué reste au sol. À l’intérieur d’une carte, le texte secondaire utilise le texte principal
#D3D8E0. - Les lignes ne sont jamais grises. Dessinez chaque ligne avec la couleur du texte principal à faible alpha sur le fond.
| Couleur | Au sol | Sur surface |
|---|---|---|
Texte du corps #D3D8E0 | 8.64 : 1 | 6.19 : 1 |
Luminosité #FFFFFF | 12.36 : 1 | 8.86 : 1 |
Muet #9CA3AF | 4.87 : 1 | 3,49 : 1, échoue |
Ambre de la marque #F8B334 | 6.76 : 1 | 4.85 : 1 |
Bleu primaire #3F70B7 | 2,48 : 1, échoue | 1,78 : 1, échoue |
| Niveau | Au sol | Sur les cartes |
|---|---|---|
| Erreur | #E6664D | #EA7D68 |
| Alerte | #DF7F2A | #E4924A |
| Info | #6B9BBC | #81AAC6 |
Typographie
screenRIG utilise Agave, une police à chasse fixe, pour que le texte se lise comme un outil et que les commandes, chemins et identifiants paraissent natifs. Deux graisses, normale et grasse, constituent tout le système.
AgaveRegular et bold
Mettre vos écrans dans la conversation.
Une plateforme complète de signalisation numérique, gratuite.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
Télécharger la police
- Agave Regular : TTF WOFF2
- Agave Bold : TTF WOFF2
- Les deux poids, TTF et WOFF2, avec la licence : Pack de polices (ZIP)
- Licence : SIL Open Font License 1.1. Lire la licence
Règles
- Auto-hébergez la police en WOFF2 avec
font-display: swap, et ne la chargez jamais depuis un service distant. - Revenir à la police monospace locale, pour que le texte reste visible si la police échoue.
- Utilisez uniquement les graisses 400 et 700, sans crénage négatif.
- Les majuscules appartiennent à la voix de l’étiquette et sont définies avec CSS plutôt que tapées.
- Les panneaux lisibles à travers une pièce utilisent une taille de corps d’au moins 26 px, et rien ne s’affiche en dessous de 20 px.
| Rôle | Taille et ligne | Poids | Utiliser |
|---|---|---|---|
| Titre 1 | 64 / 72 px, 56 / 64 sous 1280 px, 48 / 56 sous 1024 px | Gras | Titres de page. Blancs, avec la phrase clé en ambre. |
| Titre 2 | 32 / 40 px | Gras | Titres de section en ambre sur les pages marketing. |
| Corps | 15 / 24 px | Régulier | Tout le reste. La taille du corps ne change jamais. |
| Étiquette | Taille du corps, majuscules, suivi +0,08em | Régulier | Barres de section, têtes de plaque, têtes de tableau et kickers, en encre atténuée. |
| Texte de l’outil | 13 px corps sur une ligne de 1,45, légendes de 11 à 12 px | Régulier | Outils denses et pages de débogage lisibles à distance de bureau. |
Nom et voix
screenRIG a un ton direct, capable et concret. Il met en avant le résultat et laisse l’agent absorber la complexité opérationnelle.
Ligne de produit
Infrastructure d’affichage et de kiosque pour agents IA. L’affichage numérique et les kiosques ont un poids égal, donc nommez-les ensemble.
Promesse
Mettre vos écrans dans la conversation. Le titre de la page d’accueil est Une plateforme complète de signalisation numérique, gratuite.
Modèle standard
screenRIG est une infrastructure d’affichage et de kiosque pour agents IA. Gérez vos écrans depuis le tableau de bord ou votre agent : images, vidéos, flux, pages Web, applications et cartes.
Commencez par le résultat
Écrivez Mettez ce tableau de bord sur l’afficheur du hall, ou Configurez ce kiosque d’enregistrement en libre-service. Utilisez les verbes jumeler, mettre, montrer, mettre à jour, publier et vérifier.
Indique ce que c’est
Décrivez ce qu’est et fait screenRIG, au présent, sans mentionner de disponibilité. Les personnes gèrent les écrans depuis le tableau de bord ; un agent les gère au moyen d’une compétence adossée à la CLI, installée comme plugin officiel.
Conserver les revendications simples
N’écrivez jamais AI-powered pour screenRIG. Employez agent-native uniquement pour expliquer comment un agent exploite le produit, jamais comme titre. Citez les prix exactement comme la page de tarification les indique.
Questions presse, partenaires et marketplace, et demandes pour un format que ce kit ne contient pas, passez par la page contact.
Tout en un seul téléchargement
Prenez le pack de logos, puis ajoutez les icônes et la police pour la plateforme sur laquelle vous développez.