Logos e marcas nominativas
A marca nominativa e o logomark quadrado vêm em cor, branco e preto, como vetores mestres e rasterizados prontos. Use o que combina com seu fundo.
Marca textualFundo escuro
Marca textual, brancaFoto ou preenchimento escuro
Marca textual, pretaFundo claro
LogomarcaQualquer fundo
Logomarca, brancaFundo escuro
Logomarca, pretaFundo claro
Escreva screenRIG
Minúscula screen, maiúscula RIG, uma palavra, em texto corrido e na marca nominativa. Maiúsculas, não cor, separam as duas metades, então o nome lê igual em uma cor só.
Escolha o mestre para o chão
Fundos escuros usam a marca de cor: âmbar screen, branco RIG. Fundos claros usam a marca mestre preta, ambas as metades em tinta. Usos monocromáticos usam a marca mestre branca ou preta.
Mantenha a logomarca inteira
A moldura, o canto interno inclinado e os dois olhos são uma unidade. A marca não contém texto. Coloque a marca ao lado dela, nunca dentro.
Não alterar nada
Mantenha as cores, proporções e desenho fornecidos. Não adicione pedestal, brilho, sombra, gradiente, contorno ou brilho, e não estique, gire ou recolora nenhuma marca.
Use os raster fornecidos
O SVG da marca nominativa nomeia Agave mas não o incorpora. Use os arquivos PNG ou WebP, que são aparados com uma margem uniforme, para impressão, slides e páginas de parceiros, e não re-renderize o SVG sem a fonte.
Mantenha legível
Dê a cada marca espaço em todos os lados, mantenha-a grande o suficiente para ler e coloque-a sobre um fundo com contraste. A marca textual fica no canto superior esquerdo da página e linka para a página inicial.
Logo animado
A logomarca desperta. Uma linha de varredura liga a tela e se divide em dois olhos, o agente olha ao redor, vê o espectador, sorri e fixa exatamente na logomarca.
Olhos do agenteReproduz uma vez
- SVG animado: autocontido, reproduz uma vez e mantém; movimento reduzido mostra a logomarca estática. Baixar SVG
- Lottie JSON: vetor em qualquer tamanho para apps web e nativos. Baixar JSON
- Filme de inicialização, MP4: 1024 por 1024, 60 fps, 7 segundos, silencioso, com cor de fundo. Baixar MP4
- Compartilhar corte, MP4: 1920 por 1080, 9 segundos: o mesmo filme, depois aparece a marca e o agente pisca. Para Slack, redes sociais, apresentações e e-mail. Baixar MP4
- WebM transparente: o vídeo com alfa fora da marca, para composição em edições de vídeo. Baixar WebM
Players pintam a cor de fundo #2A3547 atrás do filme, e o filme usa a mesma cor, então fica em uma tela do Player sem um quadrado visível.
Ícones do app
Uma família de ícones para cada loja e sistema: a logomarca nas cores âmbar e ardósia, sem texto. Cada conjunto segue as convenções da sua plataforma, então copie um conjunto como está.
Família de ícones
| Plataforma | Incluído | Baixar |
|---|---|---|
| Web e navegador | Favicon SVG e ICO, PNG 16, 32 e 48, ícones Apple touch, e ícones padrão e maskable 192 e 512 para aplicativo web. | Ícones web (ZIP) |
| Android e Android TV | Primeiro plano adaptativo e plano de fundo, camada monocromática Android 13, launchers redondo e padrão de mdpi a xxxhdpi, arte do Google Play de 512 pixels e banner para TV. | Ícones Android (ZIP) |
| iPhone, iPad, macOS e Apple TV | Conjuntos de ícones para apps iOS e iPadOS com o ícone da App Store de 1024 pixels, conjuntos escuros e tonalizados de tamanho único, o conjunto de ícones macOS e ICNS, ícones em camadas para Apple TV e arte para a prateleira superior, e camadas vetoriais para o Icon Composer. | Ícones Apple (ZIP) |
| Windows | Ativos de logo e tile ICO e MSIX multi-tamanho em todas as escalas. | Ícones do Windows (ZIP) |
| Linux e Raspberry Pi | SVG e PNG escaláveis de 16 a 1024 no layout hicolor, nomeado ai.screenrig.player. | Ícones Linux (ZIP) |
Códigos de cores
Doze cores compõem toda a paleta. O fundo é a maior parte de qualquer tela, e os nomes das cores indicam um estado em vez de decorar uma superfície. Âmbar é o destaque.
Fundo
#2A3547 · rgb(42 53 71)
--ground
Fundo da página. A maior parte de qualquer tela é o fundo.
Superfície
#3D4B5F · rgb(61 75 95)
--surface
Cartões, painéis e linhas elevadas.
Bem
#202A38 · rgb(32 42 56)
--well
Áreas rebaixadas: código, saída do terminal, entradas.
Texto do corpo
#D3D8E0 · rgb(211 216 224)
--fg
Texto do corpo. Passa AA em fundo e superfície.
Brilhante
#FFFFFF · rgb(255 255 255)
--fg-bright
Manchetes e RIG. A coisa mais alta em um bloco.
Mudo
#9CA3AF · rgb(156 163 175)
--fg-muted
Texto secundário e legendas, apenas no chão.
Marca âmbar
#F8B334 · rgb(248 179 52)
--amber
screen na marca gráfica, links, anéis de foco e a única ação primária.
Azul primário
#3F70B7 · rgb(63 112 183)
--blue
Preenchimento apenas: estados selecionados, controles preenchidos, séries de gráfico. Nunca texto ou linhas.
Erro ember
#E6664D · rgb(230 102 77)
--error
Nível de erro e falha.
Alerta cobre
#DF7F2A · rgb(223 127 42)
--alert
Nível de alerta e cautela. Não é âmbar da marca.
Aço informativo
#6B9BBC · rgb(107 155 188)
--info
Nível de informação e aviso. Não azul primário.
Sucesso verde
#3FAE6A · rgb(63 174 106)
--success
Apenas um estado de sucesso genuíno.
Regras a seguir
- Azul primário é um preenchimento, nunca tinta. Texto branco sobre azul tem contraste de 4,98 : 1. Azul como texto, link, borda ou traço de ícone falha em ambos os critérios.
- Texto atenuado permanece no plano de fundo. Dentro de um cartão, o texto secundário usa texto do corpo
#D3D8E0. - Linhas nunca são cinza. Desenhe cada linha como a cor do texto do corpo com baixa opacidade sobre o fundo.
| Cor | No chão | Na superfície |
|---|---|---|
Texto do corpo #D3D8E0 | 8.64 : 1 | 6.19 : 1 |
Brilhante #FFFFFF | 12.36 : 1 | 8.86 : 1 |
Mudo #9CA3AF | 4.87 : 1 | 3,49 : 1, falha |
Marca âmbar #F8B334 | 6.76 : 1 | 4.85 : 1 |
Azul primário #3F70B7 | 2,48 : 1, falha | 1,78 : 1, falha |
| Nível | No chão | Em cartões |
|---|---|---|
| Erro | #E6664D | #EA7D68 |
| Alerta | #DF7F2A | #E4924A |
| Informações | #6B9BBC | #81AAC6 |
Tipografia
screenRIG define tudo em Agave, uma fonte monoespaçada, para que o texto leia como uma ferramenta e comandos, caminhos e identificadores pareçam nativos. Dois pesos, regular e negrito, são o sistema todo.
AgaveRegular e negrito
Colocar suas telas na conversa.
Uma plataforma completa de sinalização digital, gratuita.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
Baixar a fonte
- Agave Regular: TTF WOFF2
- Agave Bold: TTF WOFF2
- Ambos os pesos, TTF e WOFF2, com a licença: Pacote de fontes (ZIP)
- Licença: SIL Open Font License 1.1. Leia a licença
Regras
- Hospede a fonte localmente como WOFF2 com
font-display: swape nunca a carregue de um serviço remoto. - Voltar para a fonte monoespaçada local, para que o texto permaneça visível se a fonte falhar.
- Use apenas os pesos 400 e 700, sem espaçamento negativo.
- Maiúsculas pertencem à voz do rótulo e são definidas com CSS em vez de digitadas.
- Painéis vistos à distância usam tamanho de corpo de pelo menos 26 px, e nada é renderizado abaixo de 20 px.
| Função | Tamanho e linha | Peso | Usar |
|---|---|---|---|
| Título 1 | 64 / 72 px, 56 / 64 abaixo de 1280 px, 48 / 56 abaixo de 1024 px | Negrito | Títulos da página. Brancos, com a frase-chave em âmbar. |
| Título 2 | 32 / 40 px | Negrito | Títulos de seção em âmbar nas páginas de marketing. |
| Corpo | 15 / 24 px | Regular | Todo o resto. O tamanho do corpo nunca muda. |
| Rótulo | Tamanho do corpo, maiúsculas, rastreado +0,08em | Regular | Barras de seção, cabeçalhos de placa, cabeçalhos de tabela e destaques, em tinta suave. |
| Texto da ferramenta | 13 px corpo em linha 1,45, legendas de 11 a 12 px | Regular | Ferramentas densas e páginas de depuração lidas à distância de mesa. |
Nome e voz
screenRIG soa direto, capaz e concreto. Ele lidera com o resultado e deixa o agente absorver a complexidade operacional.
Linha de produto
Infraestrutura de sinalização e quiosque para agentes de IA. Sinalização digital e quiosques têm peso igual, então nomeie ambos juntos.
Promessa
Colocar suas telas na conversa. A manchete da página inicial é Uma plataforma completa de sinalização digital, gratuita.
Modelo padrão
screenRIG é infraestrutura de sinalização e quiosques para agentes de IA. Gerencie as telas pelo dashboard ou pelo seu agente: imagens, vídeos, streams, páginas web, aplicativos e cartões.
Comece pelo resultado
Escreva Coloque este dashboard no display do saguão, ou Configure este quiosque de autoatendimento. Use os verbos parear, colocar, mostrar, atualizar, publicar e verificar.
Diz o que é
Diga o que o screenRIG é e faz, no presente e sem ressalvas de disponibilidade. As pessoas gerenciam as telas pelo dashboard; um agente as gerencia por meio de uma habilidade com suporte de CLI, instalada como o plugin oficial.
Mantenha as declarações simples
Nunca diga que o screenRIG é AI-powered. Use agent-native apenas para explicar como um agente opera o produto, nunca como manchete. Cite os preços exatamente como a página de preços os apresenta.
Perguntas de imprensa, parceiros e marketplace, e pedidos para um formato que este kit não oferece, passam pela página de contato.
Tudo em um download
Pegue o pacote de logotipos, depois adicione os ícones e a fonte para a plataforma que você constrói.