Loghi e marchi testuali
Il logo e il marchio quadrato sono disponibili in colore, bianco e nero, come vettoriali master e raster pronti all’uso. Prendi quello che si abbina al tuo sfondo.
Marchio wordmarkSfondo scuro
Marchio wordmark, biancoFoto o riempimento scuro
Marchio wordmark, neroSfondo chiaro
LogomarkQualsiasi sfondo
Logomark, biancoSfondo scuro
Logomark, neroSfondo chiaro
Si scrive screenRIG
Minuscolo screen, maiuscolo RIG, una parola, nel testo continuo e nel marchio testuale. Il caso, non il colore, separa le due metà, così il nome si legge uguale in un colore.
Scegli il master per il muro
Gli sfondi scuri usano il marchio a colori: ambra screen, bianco RIG. Gli sfondi chiari usano il master nero, entrambe le metà in inchiostro. Gli usi a colore singolo usano il master bianco o nero.
Mantieni il logomarchio integro
La cornice, l’angolo interno inclinato e i due occhi sono un’unità. Il marchio non contiene testo. Posiziona il marchio accanto, mai all’interno.
Non modificare nulla
Mantieni i colori, le proporzioni e il disegno forniti. Non aggiungere piedistalli, scintille, ombre, gradienti, contorni o bagliori, e non allungare, ruotare o ricolorare alcun marchio.
Usa i raster forniti
Il logo SVG si chiama Agave ma non lo incorpora. Usa i file PNG o WebP, che sono ritagliati con un margine uniforme, per stampa, slide e pagine partner, e non rigenerare l’SVG senza il font.
Mantieni leggibile
Lascia spazio attorno a ogni marchio, mantienilo abbastanza grande da leggere e posizionalo su uno sfondo con cui contrasti. Il marchio testuale rimane in alto a sinistra di una pagina e collega alla home.
Logo animato
Il logomarchio si anima. Una scanline accende lo schermo e si divide in due occhi, l’agente guarda intorno, individua lo spettatore, sorride e si posa esattamente sul logomarchio.
Occhi agenteRiproduce una volta
- SVG animato: autonomo, riproduce una volta e si blocca; la modalità ridotta mostra il logomarchio statico. Scarica SVG
- Lottie JSON: vettore a qualsiasi dimensione per app web e native. Scarica JSON
- Film di avvio, MP4: 1024 per 1024, 60 fps, 7 secondi, silenzioso, su colore di sfondo. Scarica MP4
- Condividi clip, MP4: 1920 per 1080, 9 secondi: lo stesso film, poi appare il marchio e l’agente lampeggia. Per Slack, social, presentazioni e email. Scarica MP4
- WebM trasparente: il filmato con alfa fuori dal segno, per composizioni in montaggi video. Scarica WebM
I lettori dipingono il colore di sfondo #2A3547 dietro il film, e il film usa lo stesso colore, così si posiziona su uno schermo Player senza un quadrato visibile.
Icone app
Una famiglia di icone per ogni store e sistema: il logomark sui colori ambra e ardesia, senza testo. Ogni set segue le convenzioni della sua piattaforma, quindi copia un set così com’è.
Famiglia di icone
| Piattaforma | Incluso | Scarica |
|---|---|---|
| Web e browser | Favicon SVG e ICO, PNG 16, 32 e 48, icone Apple touch, e icone app web standard e mascherabili 192 e 512. | Icone web (ZIP) |
| Android e Android TV | Primo piano e sfondo adattivi, livello monocromatico Android 13, launcher rotondi e standard da mdpi a xxxhdpi, artwork Google Play da 512 pixel e banner TV. | Icone Android (ZIP) |
| iPhone, iPad, macOS e Apple TV | Set di icone per app iOS e iPadOS con l’icona App Store da 1024 pixel, set singoli scuri e colorati, set icone macOS e ICNS, icone Apple TV stratificate e grafica top shelf, e livelli vettoriali per Icon Composer. | Icone Apple (ZIP) |
| Windows | Asset logo e tile ICO e MSIX multi-dimensione a ogni scala. | Icone Windows (ZIP) |
| Linux e Raspberry Pi | SVG e PNG scalabili da 16 a 1024 nel layout hicolor, denominati ai.screenrig.player. | Icone Linux (ZIP) |
Codici colore
Dodici colori compongono l’intera palette. Il fondo è la maggior parte di ogni schermo, e i nomi dei colori indicano uno stato invece di decorare una superficie. Ambra è l’accento.
Sfondo
#2A3547 · rgb(42 53 71)
--ground
Sfondo pagina. La maggior parte di uno schermo è terreno.
Superficie
#3D4B5F · rgb(61 75 95)
--surface
Card, pannelli e righe rialzate.
Pozzo
#202A38 · rgb(32 42 56)
--well
Aree incassate: codice, output terminale, input.
Testo del corpo
#D3D8E0 · rgb(211 216 224)
--fg
Testo del corpo. Passa AA su sfondo e superficie.
Luminoso
#FFFFFF · rgb(255 255 255)
--fg-bright
Titoli e RIG. La cosa più evidente in un blocco.
Muto
#9CA3AF · rgb(156 163 175)
--fg-muted
Testo secondario e didascalie, solo a terra.
Brand amber
#F8B334 · rgb(248 179 52)
--amber
screen nel marchio, link, anelli di messa a fuoco e l’unica azione primaria.
Blu primario
#3F70B7 · rgb(63 112 183)
--blue
Solo riempimento: stati selezionati, controlli riempiti, serie di grafici. Mai testo o linee.
Errore ember
#E6664D · rgb(230 102 77)
--error
Livello di errore e fallimento.
Avviso rame
#DF7F2A · rgb(223 127 42)
--alert
Livello avviso e cautela. Non ambra del marchio.
Acciaio info
#6B9BBC · rgb(107 155 188)
--info
Livello info e notifica. Non blu primario.
Successo verde
#3FAE6A · rgb(63 174 106)
--success
Solo uno stato di successo genuino.
Regole da rispettare
- Il blu primario è un riempimento, mai un inchiostro. Il testo bianco su blu supera il rapporto 4,98 : 1. Il blu come testo, link, bordo o tratto icona non supera nessuno dei due criteri.
- Il testo attenuato resta a terra. All’interno di una scheda, il testo secondario usa il testo del corpo
#D3D8E0. - Le linee non sono mai grigie. Disegna ogni linea come il colore del testo del corpo con bassa opacità sullo sfondo.
| Colore | Su terreno | Su superficie |
|---|---|---|
Testo del corpo #D3D8E0 | 8.64 : 1 | 6.19 : 1 |
Luminoso #FFFFFF | 12.36 : 1 | 8.86 : 1 |
Muto #9CA3AF | 4.87 : 1 | 3,49 : 1, non valido |
Brand amber #F8B334 | 6.76 : 1 | 4.85 : 1 |
Blu primario #3F70B7 | 2,48 : 1, non valido | 1,78 : 1, non valido |
| Livello | Su terreno | Su card |
|---|---|---|
| Errore | #E6664D | #EA7D68 |
| Avviso | #DF7F2A | #E4924A |
| Info | #6B9BBC | #81AAC6 |
Tipografia
screenRIG usa Agave, un font monospace, così il testo si legge come uno strumento e comandi, percorsi e identificatori appaiono nativi. Due pesi, normale e grassetto, sono tutto il sistema.
AgaveRegular e bold
Metti i tuoi schermi nella conversazione.
Una piattaforma completa di segnaletica digitale, gratuita.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
Scarica il font
- Agave Regular: TTF WOFF2
- Agave Bold: TTF WOFF2
- Entrambi i pesi, TTF e WOFF2, con la licenza: Pacchetto font (ZIP)
- Licenza: SIL Open Font License 1.1. Leggi la licenza
Regole
- Ospita il font come WOFF2 con
font-display: swape non caricarlo mai da un servizio remoto. - Torna al font monospace locale, così il testo resta visibile se il font fallisce.
- Usa solo pesi 400 e 700, senza tracking negativo.
- Le maiuscole appartengono alla voce dell’etichetta e sono impostate con CSS anziché digitate.
- I pannelli letti da una stanza usano una dimensione del corpo di almeno 26 px, e nulla viene renderizzato sotto i 20 px.
| Ruolo | Dimensione e linea | Peso | Usa |
|---|---|---|---|
| Titolo 1 | 64 / 72 px, 56 / 64 sotto 1280 px, 48 / 56 sotto 1024 px | Grassetto | Titoli pagina. Bianchi, con la frase chiave in ambra. |
| Titolo 2 | 32 / 40 px | Grassetto | Intestazioni di sezione in ambra sulle pagine di marketing. |
| Corpo | 15 / 24 px | Regolare | Tutto il resto. La dimensione del corpo non cambia mai. |
| Etichetta | Dimensione corpo, maiuscole, tracciato +0,08em | Regolare | Barre di sezione, intestazioni di piatti, intestazioni di tabelle e kickers, in inchiostro smorzato. |
| Testo strumento | Corpo 13 px su linea 1,45, didascalie 11-12 px | Regolare | Strumenti densi e pagine di debug leggibili a distanza da scrivania. |
Nome e voce
screenRIG ha un tono diretto, capace e concreto. Punta al risultato e lascia che l’agente assorba la complessità operativa.
Linea prodotto
Infrastruttura per segnaletica e kiosk per agenti AI. Segnaletica digitale e kiosk hanno uguale importanza, quindi nominarli insieme.
Promessa
Metti i tuoi schermi nella conversazione. Il titolo della homepage è Una piattaforma completa di segnaletica digitale, gratuita.
Boilerplate
screenRIG è infrastruttura per segnaletica e chioschi per agenti AI. Gestisci gli schermi dal dashboard o con il tuo agente: immagini, video, stream, pagine web, applicazioni e schede.
Inizia dal risultato
Scrivi Metti questo dashboard sul display della hall, o Configura questo chiosco self-service per il check-in. Usa i verbi associa, metti, mostra, aggiorna, pubblica e verifica.
Indica cos’è
Indica che cos’è e che cosa fa screenRIG, al presente e senza riserve sulla disponibilità. Le persone gestiscono gli schermi dal dashboard; un agente li gestisce tramite una competenza basata su CLI, installata come plugin ufficiale.
Mantieni le affermazioni semplici
Non definire mai screenRIG AI-powered. Usa agent-native solo per spiegare come un agente gestisce il prodotto, mai come titolo. Riporta i prezzi esattamente come indicato nella pagina prezzi.
Domande su stampa, partner e marketplace, e richieste per un formato non incluso in questo kit, passano per la pagina contatti.
Tutto in un download
Prendi il pacchetto logo, poi aggiungi le icone e il font per la piattaforma su cui costruisci.