# Brand kit for screenRIG
> Canonical HTML: https://screenrig.ai/brandkit/
Logos, wordmarks, the animated mark, app icons, the Agave font, colour codes and typography, with the rules for using them.
[Download the logos](https://screenrig.ai/brandkit/assets/screenrig-logos.zip) · [Colour tokens](https://screenrig.ai/brandkit/assets/tokens.json)
## Logos and wordmarks
The wordmark and the square logomark each come in colour, white and black, as vector masters and ready-made rasters. Take the one that matches your ground. [Download every logo file (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-logos.zip)
| Mark | Ground | Files |
| --- | --- | --- |
| Wordmark, colour | Dark | [SVG](https://screenrig.ai/brandkit/assets/screenrig-wordmark.svg?v=51cfc42ff9) · [PNG](https://screenrig.ai/brandkit/assets/screenrig-wordmark.png?v=d8c4e16519) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-wordmark-amber-1280.webp?v=27afaee73d) |
| Wordmark, white | Dark photo or fill | [SVG](https://screenrig.ai/brandkit/assets/screenrig-wordmark-white.svg?v=287bdb9cc1) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-wordmark-white-1280.webp?v=af1607c71a) |
| Wordmark, black | Light | [SVG](https://screenrig.ai/brandkit/assets/screenrig-wordmark-black.svg?v=257802012c) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-wordmark-black-1280.webp?v=2099cfd917) |
| Logomark, colour | Any | [SVG](https://screenrig.ai/brandkit/assets/screenrig-logomark.svg?v=1ec1638c2d) · [PNG](https://screenrig.ai/brandkit/assets/screenrig-logomark-amber-1024.png?v=7a0ea81360) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-logomark-amber-256.webp?v=7d661a042e) |
| Logomark, white | Dark | [SVG](https://screenrig.ai/brandkit/assets/screenrig-logomark-white.svg?v=2ce30f5f35) · [PNG](https://screenrig.ai/brandkit/assets/screenrig-logomark-white-1024.png?v=54b90157d5) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-logomark-white-256.webp?v=a95ec4ae10) |
| Logomark, black | Light | [SVG](https://screenrig.ai/brandkit/assets/screenrig-logomark-black.svg?v=8f885eb598) · [PNG](https://screenrig.ai/brandkit/assets/screenrig-logomark-black-1024.png?v=318364f433) · [WebP](https://screenrig.ai/brandkit/assets/screenrig-logomark-black-256.webp?v=3001321e39) |
- **Spell it screenRIG.** Lowercase `screen`, uppercase `RIG`, one word, in running text and in the wordmark. Case, not colour, separates the two halves, so the name reads the same in one colour.
- **Pick the master for the ground.** Dark grounds take the colour wordmark: amber `screen`, white `RIG`. Light grounds take the black master, both halves in ink. Single-colour uses take the white or black master.
- **Keep the logomark whole.** The frame, the sloping inner corner and the two eyes are one unit. The mark carries no text. Place the wordmark beside it, never inside it.
- **Change nothing.** Keep the supplied colours, proportions and drawing. Add no pedestal, sparkle, shadow, gradient, outline or glow, and do not stretch, rotate or recolour either mark.
- **Use the supplied rasters.** The wordmark SVG names Agave but does not embed it. Use the PNG or WebP files, which are trimmed with an even pad, for print, slides and partner pages, and do not re-render the SVG without the font.
- **Keep it legible.** Give each mark room on every side, keep it large enough to read, and put it on a ground it contrasts with. The wordmark stays at the top left of a page and links home.
## Animated logo
The logomark wakes up. A scanline powers the screen on and splits into two eyes, the agent looks around, spots the viewer, smiles and settles exactly on the logomark.
- **Animated SVG:** self-contained, plays once and holds; reduced motion shows the static logomark. [Download SVG](https://screenrig.ai/brandkit/assets/screenrig-agent-eyes.svg?v=c98d9c4a22)
- **Lottie JSON:** vector at any size for web and native apps. [Download JSON](https://screenrig.ai/brandkit/assets/screenrig-agent-eyes.json)
- **Startup film, MP4:** 1024 by 1024, 60 fps, 7 seconds, silent, on the ground colour. [Download MP4](https://screenrig.ai/brandkit/assets/screenrig-agent-eyes.mp4)
- **Share cut, MP4:** 1920 by 1080, 9 seconds: the same film, then the wordmark lands and the agent blinks. For Slack, social, decks and email. [Download MP4](https://screenrig.ai/brandkit/assets/screenrig-agent-eyes-share.mp4)
- **Transparent WebM:** the film with alpha outside the mark, for compositing in video edits. [Download WebM](https://screenrig.ai/brandkit/assets/screenrig-agent-eyes-transparent.webm)
Players paint the ground colour `#2A3547` behind the film, and the film uses the same colour, so it sits on a Player screen without a visible square.
## App icons
One icon family for every store and system: the logomark on the amber and slate colours, with no text. Each set follows its platform's conventions, so copy a set in as it is. [Preview PNG](https://screenrig.ai/brandkit/assets/screenrig-app-icons.png?v=7fad81c0ac)
| Platform | Included | Download |
| --- | --- | --- |
| Web and browser | Favicon SVG and ICO, PNG 16, 32 and 48, Apple touch icons, and standard and maskable 192 and 512 web app icons. | [Web icons (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-icons-web.zip) |
| Android and Android TV | Adaptive foreground and background, Android 13 monochrome layer, round and standard launchers from mdpi to xxxhdpi, 512 pixel Google Play artwork and the TV banner. | [Android icons (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-icons-android.zip) |
| iPhone, iPad, macOS and Apple TV | iOS and iPadOS app icon sets with the 1024 pixel App Store icon, single-size dark and tinted sets, the macOS icon set and ICNS, layered Apple TV icons and top shelf art, and vector layers for Icon Composer. | [Apple icons (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-icons-apple.zip) |
| Windows | Multi-size ICO and MSIX logo and tile assets at every scale. | [Windows icons (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-icons-windows.zip) |
| Linux and Raspberry Pi | Scalable SVG and PNG 16 to 1024 in the hicolor layout, named `ai.screenrig.player`. | [Linux icons (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-icons-linux.zip) |
## Colour codes
Twelve colours make the whole palette. The ground is most of any screen, and colour names a state instead of decorating a surface. Amber is the accent. [tokens.css](https://screenrig.ai/brandkit/assets/tokens.css) · [tokens.json](https://screenrig.ai/brandkit/assets/tokens.json)
| Colour | Hex | RGB | Token | Role |
| --- | --- | --- | --- | --- |
| Ground | `#2A3547` | `rgb(42 53 71)` | `--ground` | Page background. Most of any screen is ground. |
| Surface | `#3D4B5F` | `rgb(61 75 95)` | `--surface` | Cards, panels and raised rows. |
| Well | `#202A38` | `rgb(32 42 56)` | `--well` | Recessed areas: code, terminal output, inputs. |
| Body text | `#D3D8E0` | `rgb(211 216 224)` | `--fg` | Body copy. Passes AA on ground and surface. |
| Bright | `#FFFFFF` | `rgb(255 255 255)` | `--fg-bright` | Headlines and `RIG`. The loudest thing in a block. |
| Muted | `#9CA3AF` | `rgb(156 163 175)` | `--fg-muted` | Secondary text and captions, on the ground only. |
| Brand amber | `#F8B334` | `rgb(248 179 52)` | `--amber` | `screen` in the wordmark, links, focus rings and the one primary action. |
| Primary blue | `#3F70B7` | `rgb(63 112 183)` | `--blue` | Fill only: selected states, filled controls, chart series. Never text or lines. |
| Error ember | `#E6664D` | `rgb(230 102 77)` | `--error` | Error level and failure. |
| Alert copper | `#DF7F2A` | `rgb(223 127 42)` | `--alert` | Alert level and caution. Not brand amber. |
| Info steel | `#6B9BBC` | `rgb(107 155 188)` | `--info` | Info level and notice. Not primary blue. |
| Success green | `#3FAE6A` | `rgb(63 174 106)` | `--success` | A genuine success state only. |
Level colours on cards use the lifted variants: error `#EA7D68`, alert `#E4924A`, info `#81AAC6`.
Rules to keep:
- **Primary blue is a fill, never ink.** White text on blue passes at 4.98 : 1. Blue as text, a link, a border or an icon stroke fails on both grounds.
- **Muted text stays on the ground.** Inside a card, secondary text uses body text `#D3D8E0`.
- **Lines are never grey.** Draw each line as the body text colour at a low alpha over the ground.
| Colour | On ground | On surface |
| --- | --- | --- |
| Body text `#D3D8E0` | 8.64 : 1 | 6.19 : 1 |
| Bright `#FFFFFF` | 12.36 : 1 | 8.86 : 1 |
| Muted `#9CA3AF` | 4.87 : 1 | 3.49 : 1, fails |
| Brand amber `#F8B334` | 6.76 : 1 | 4.85 : 1 |
| Primary blue `#3F70B7` | 2.48 : 1, fails | 1.78 : 1, fails |
## Typography
screenRIG sets everything in Agave, a monospace face, so the type reads like a tool and commands, paths and identifiers look native. Two weights, regular and bold, are the whole system.
Download the font:
- **Agave Regular:** [TTF](https://screenrig.ai/brandkit/assets/agave-regular.ttf) · [WOFF2](https://screenrig.ai/lib/agave-regular.woff2?v=7644355068)
- **Agave Bold:** [TTF](https://screenrig.ai/brandkit/assets/agave-bold.ttf) · [WOFF2](https://screenrig.ai/lib/agave-bold.woff2?v=6ab858226e)
- **Both weights, TTF and WOFF2, with the licence:** [Font pack (ZIP)](https://screenrig.ai/brandkit/assets/screenrig-fonts.zip)
- **Licence:** SIL Open Font License 1.1. [Read the licence](https://screenrig.ai/brandkit/assets/agave-license.txt)
Rules:
- Self-host the font as WOFF2 with `font-display: swap`, and never load it from a remote service.
- Fall back to the local monospace face, so text stays visible if the font fails.
- Use weights 400 and 700 only, with no negative tracking.
- Capitals belong to the label voice, and are set with CSS rather than typed.
- Panels read across a room use a body size of at least 26 px, and nothing renders below 20 px.
| Role | Size and line | Weight | Use |
| --- | --- | --- | --- |
| Heading 1 | 64 / 72 px, 56 / 64 below 1280 px, 48 / 56 below 1024 px | Bold | Page titles. White, with the key phrase in amber. |
| Heading 2 | 32 / 40 px | Bold | Section headings in amber on marketing pages. |
| Body | 15 / 24 px | Regular | Everything else. The body size never changes. |
| Label | Body size, capitals, tracked +0.08em | Regular | Section bars, plate heads, table heads and kickers, in muted ink. |
| Tool text | 13 px body on a 1.45 line, 11 to 12 px captions | Regular | Dense tools and debug pages read at desk distance. |
## Name and voice
screenRIG sounds direct, capable and concrete. It leads with the result and lets the agent absorb the operational complexity.
- **Product line:** Signage and kiosk infrastructure for AI agents. Digital signage and kiosks carry equal weight, so name both together.
- **Promise:** Put your screens in the conversation. The homepage headline is Give your agent a screen.
- **Boilerplate:** screenRIG is signage and kiosk infrastructure for AI agents. Your agent publishes images, videos, streams, web pages, and applications to screens through the official plugin.
- **Lead with the outcome:** Write Put this dashboard on the lobby display, or Set up this self-service check-in kiosk. Use the verbs pair, put, show, update, publish and verify.
- **Say what it is:** State what screenRIG is and does, in present tense, with no availability caveats. The surface is a CLI-backed agent skill, installed as the official plugin.
- **Keep claims plain:** Use agent-native instead of hype words. The claim is structural: the user is an AI agent. Quote prices exactly as the pricing page states them.
Press, partner and marketplace questions, and requests for a format this kit does not carry, go through the [contact page](https://screenrig.ai/contact.md).
## Everything in one download
Take the logo pack, then add the icons and the font for the platform you build on.
[Download the logos](https://screenrig.ai/brandkit/assets/screenrig-logos.zip) · [Contact us](https://screenrig.ai/contact.md)