Logotipos y marcas denominativas
La marca denominativa y el logotipo cuadrado vienen en color, blanco y negro, como vectores maestros y rásteres listos para usar. Tome el que coincida con su fondo.
Marca denominativaFondo oscuro
Marca denominativa, blancaFoto o relleno oscuro
Marca denominativa, negraFondo claro
LogomarcaCualquier fondo
Logomarca, blancoFondo oscuro
Logomarca, negroFondo claro
Se escribe screenRIG
Minúsculas screen, mayúsculas RIG, una palabra, en texto corriente y en la marca denominativa. El caso, no el color, separa las dos mitades, así que el nombre se lee igual en un solo color.
Elija el maestro para el suelo
Los fondos oscuros toman la marca de color: ámbar screen, blanco RIG. Los fondos claros toman el maestro negro, ambas mitades en tinta. Los usos de un solo color toman el maestro blanco o negro.
Mantener el logotipo completo
El marco, la esquina interior inclinada y los dos ojos son una unidad. La marca no lleva texto. Coloque la marca denominativa junto a ella, nunca dentro.
No cambiar nada
Mantener los colores, proporciones y dibujo suministrados. No añadir pedestal, brillo, sombra, degradado, contorno o resplandor, ni estirar, rotar o recolorear ninguna marca.
Utilice los rasterizados suministrados
El SVG de la marca denominativa se llama Agave pero no la incrusta. Use los archivos PNG o WebP, que están recortados con un relleno uniforme, para impresión, diapositivas y páginas de socios, y no vuelva a renderizar el SVG sin la fuente.
Mantenerlo legible
Deje espacio alrededor de cada marca, manténgala lo suficientemente grande para leer y colóquela sobre un fondo con contraste. La marca de palabra permanece en la parte superior izquierda de una página y enlaza a inicio.
Logo animado
La logomarca se despierta. Una línea de escaneo enciende la pantalla y se divide en dos ojos, el agente mira alrededor, detecta al espectador, sonríe y se fija exactamente en la logomarca.
Ojos del agenteReproduce una vez
- SVG animado: autónomo, se reproduce una vez y se mantiene; el modo de movimiento reducido muestra el logotipo estático. Descargar SVG
- Lottie JSON: vector en cualquier tamaño para apps web y nativas. Descargar JSON
- Película de inicio, MP4: 1024 por 1024, 60 fps, 7 segundos, sin sonido, con color de fondo. Descargar MP4
- Compartir corte, MP4: 1920 por 1080, 9 segundos: la misma película, luego aparece la marca y el agente parpadea. Para Slack, redes sociales, presentaciones y correo electrónico. Descargar MP4
- WebM transparente: el video con alfa fuera de la marca, para composición en ediciones de video. Descargar WebM
Los reproductores pintan el color de fondo #2A3547 detrás de la película, y la película usa el mismo color, por lo que se asienta en una pantalla del reproductor sin un cuadrado visible.
Iconos de aplicación
Una familia de iconos para cada tienda y sistema: la marca en los colores ámbar y pizarra, sin texto. Cada conjunto sigue las convenciones de su plataforma, así que copie un conjunto tal cual.
Familia de iconos
| Plataforma | Incluido | Descargar |
|---|---|---|
| Web y navegador | Favicon SVG e ICO, PNG 16, 32 y 48, iconos Apple touch, y iconos web estándar y enmascarables 192 y 512. | Iconos web (ZIP) |
| Android y Android TV | Primer plano y fondo adaptativos, capa monocromática de Android 13, lanzadores redondos y estándar desde mdpi hasta xxxhdpi, arte de Google Play de 512 píxeles y el banner para TV. | Iconos de Android (ZIP) |
| iPhone, iPad, macOS y Apple TV | Conjuntos de iconos para apps de iOS y iPadOS con el icono de 1024 píxeles para App Store, conjuntos oscuros y tintados de tamaño único, el conjunto de iconos para macOS y ICNS, iconos en capas para Apple TV y arte para la parte superior, y capas vectoriales para Icon Composer. | Iconos de Apple (ZIP) |
| Windows | Activos de logotipo y mosaico ICO y MSIX de varios tamaños a todas las escalas. | Iconos de Windows (ZIP) |
| Linux y Raspberry Pi | SVG y PNG escalables de 16 a 1024 en el diseño hicolor, llamado ai.screenrig.player. | Iconos Linux (ZIP) |
Códigos de color
Doce colores forman toda la paleta. El fondo es la mayor parte de cualquier pantalla, y los nombres de colores indican un estado en lugar de decorar una superficie. Ámbar es el acento.
Fondo
#2A3547 · rgb(42 53 71)
--ground
Fondo de página. La mayor parte de cualquier pantalla es terreno.
Superficie
#3D4B5F · rgb(61 75 95)
--surface
Tarjetas, paneles y filas elevadas.
Pozo
#202A38 · rgb(32 42 56)
--well
Áreas empotradas: código, salida de terminal, entradas.
Texto del cuerpo
#D3D8E0 · rgb(211 216 224)
--fg
Texto del cuerpo. Cumple AA en fondo y superficie.
Brillante
#FFFFFF · rgb(255 255 255)
--fg-bright
Titulares y RIG. Lo más destacado en un bloque.
Silenciado
#9CA3AF · rgb(156 163 175)
--fg-muted
Texto secundario y subtítulos, solo en el suelo.
Ámbar de marca
#F8B334 · rgb(248 179 52)
--amber
screen en la marca denominativa, enlaces, anillos de enfoque y la única acción primaria.
Azul primario
#3F70B7 · rgb(63 112 183)
--blue
Solo relleno: estados seleccionados, controles rellenados, series de gráficos. Nunca texto o líneas.
Error ember
#E6664D · rgb(230 102 77)
--error
Nivel de error y fallo.
Alerta cobre
#DF7F2A · rgb(223 127 42)
--alert
Nivel de alerta y precaución. No ámbar de marca.
Acero informativo
#6B9BBC · rgb(107 155 188)
--info
Nivel de información y aviso. No azul primario.
Éxito verde
#3FAE6A · rgb(63 174 106)
--success
Solo un estado de éxito genuino.
Reglas que seguir
- El azul primario es un relleno, nunca tinta. El texto blanco sobre azul pasa con 4.98 : 1. El azul como texto, enlace, borde o trazo de icono falla en ambos casos.
- El texto atenuado permanece en el fondo. Dentro de una tarjeta, el texto secundario usa texto de cuerpo
#D3D8E0. - Las líneas nunca son grises. Dibuje cada línea con el color del texto del cuerpo en un alfa bajo sobre el fondo.
| Color | En tierra | En superficie |
|---|---|---|
Texto del cuerpo #D3D8E0 | 8.64 : 1 | 6.19 : 1 |
Brillante #FFFFFF | 12.36 : 1 | 8.86 : 1 |
Silenciado #9CA3AF | 4.87 : 1 | 3.49 : 1, falla |
Ámbar de marca #F8B334 | 6.76 : 1 | 4.85 : 1 |
Azul primario #3F70B7 | 2.48 : 1, falla | 1.78 : 1, falla |
| Nivel | En tierra | En tarjetas |
|---|---|---|
| Error | #E6664D | #EA7D68 |
| Alerta | #DF7F2A | #E4924A |
| Información | #6B9BBC | #81AAC6 |
Tipografía
screenRIG usa Agave, una tipografía monoespaciada, para que el texto se lea como una herramienta y los comandos, rutas e identificadores parezcan nativos. Dos pesos, regular y negrita, son todo el sistema.
AgaveRegular y negrita
Poner sus pantallas en la conversación.
Una plataforma completa de señalización digital, gratuita.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
Descargar la fuente
- Agave Regular: TTF WOFF2
- Agave Bold: TTF WOFF2
- Ambos pesos, TTF y WOFF2, con la licencia: Paquete de fuentes (ZIP)
- Licencia: SIL Open Font License 1.1. Leer la licencia
Reglas
- Hospede la fuente usted mismo como WOFF2 con
font-display: swapy nunca la cargue desde un servicio remoto. - Volver a la fuente monoespaciada local, para que el texto siga visible si la fuente falla.
- Utilice solo los pesos 400 y 700, sin seguimiento negativo.
- Las mayúsculas pertenecen a la voz de la etiqueta y se establecen con CSS en lugar de teclearse.
- Los paneles leídos a través de una sala usan un tamaño de cuerpo de al menos 26 px, y nada se renderiza por debajo de 20 px.
| Rol | Tamaño y línea | Peso | Usar |
|---|---|---|---|
| Encabezado 1 | 64 / 72 px, 56 / 64 debajo de 1280 px, 48 / 56 debajo de 1024 px | Negrita | Títulos de página. Blancos, con la frase clave en ámbar. |
| Encabezado 2 | 32 / 40 px | Negrita | Encabezados de sección en ámbar en páginas de marketing. |
| Cuerpo | 15 / 24 px | Regular | Todo lo demás. El tamaño del cuerpo nunca cambia. |
| Etiqueta | Tamaño del cuerpo, mayúsculas, seguimiento +0.08em | Regular | Barras de sección, encabezados de placa, encabezados de tabla y kickers, en tinta atenuada. |
| Texto de herramienta | Cuerpo de 13 px con línea de 1.45, subtítulos de 11 a 12 px | Regular | Herramientas densas y páginas de depuración legibles a distancia de escritorio. |
Nombre y voz
screenRIG suena directo, capaz y concreto. Lidera con el resultado y deja que el agente absorba la complejidad operativa.
Línea de producto
Infraestructura de señalización y kioscos para agentes de IA. La señalización digital y los kioscos tienen igual importancia, por lo que se nombran juntos.
Promesa
Poner sus pantallas en la conversación. El titular de la página principal es Una plataforma completa de señalización digital, gratuita.
Plantilla
screenRIG es infraestructura de señalización y kioscos para agentes de IA. Gestione sus pantallas desde el panel o con su agente: imágenes, videos, transmisiones, páginas web, aplicaciones y tarjetas.
Enfóquese en el resultado
Escriba Ponga este panel en la pantalla del vestíbulo, o Configure este quiosco de autoservicio. Use los verbos vincular, poner, mostrar, actualizar, publicar y verificar.
Indica qué es
Diga qué es y qué hace screenRIG, en presente y sin reservas sobre la disponibilidad. Las personas gestionan las pantallas desde el panel; un agente las gestiona mediante una habilidad respaldada por CLI, instalada como el plugin oficial.
Mantener las reclamaciones simples
Nunca diga que screenRIG es AI-powered. Use agent-native solo para explicar cómo un agente opera el producto, nunca como titular. Cite los precios exactamente como los indica la página de precios.
Preguntas de prensa, socios y marketplace, y solicitudes para un formato que este kit no incluye, se realizan a través de la página de contacto.
Todo en una descarga
Tome el paquete de logotipos, luego agregue los íconos y la fuente para la plataforma en la que construye.