Logos und Wortmarken
Das Wortzeichen und das quadratische Logomark sind jeweils in Farbe, Weiß und Schwarz als Vektor-Master und fertige Raster verfügbar. Nehmen Sie das, das zu Ihrem Hintergrund passt.
WortmarkeDunkler Hintergrund
Wortmarke, weißDunkles Foto oder Füllung
Wortmarke, schwarzHeller Hintergrund
LogomarkeBeliebiger Hintergrund
Logomarke, weißDunkler Hintergrund
Logomarke, schwarzHeller Hintergrund
Schreiben Sie es screenRIG
Kleinbuchstaben screen, Großbuchstaben RIG, ein Wort, im Fließtext und in der Wortmarke. Groß-/Kleinschreibung, nicht Farbe, trennt die beiden Hälften, sodass der Name in einer Farbe gleich gelesen wird.
Wählen Sie den Master für die Wand
Dunkle Hintergründe verwenden das Farb-Logo: Bernstein screen, Weiß RIG. Helle Hintergründe verwenden das schwarze Hauptlogo, beide Hälften in Schwarz. Einfarbige Anwendungen verwenden das weiße oder schwarze Hauptlogo.
Das Logomark ganz halten
Der Rahmen, die schräge Innenecke und die zwei Augen bilden eine Einheit. Das Zeichen trägt keinen Text. Platzieren Sie das Wortzeichen daneben, niemals darin.
Nichts ändern
Die gelieferten Farben, Proportionen und Zeichnungen beibehalten. Kein Podest, Funkeln, Schatten, Verlauf, Umriss oder Leuchten hinzufügen und weder das Zeichen strecken, drehen noch umfärben.
Verwenden Sie die bereitgestellten Raster
Das Wortmarken-SVG nennt Agave, bettet es aber nicht ein. Verwenden Sie die PNG- oder WebP-Dateien, die mit einem gleichmäßigen Rand beschnitten sind, für Druck, Folien und Partnerseiten, und rendern Sie das SVG ohne Schriftart nicht neu.
Lesbar halten
Geben Sie jedem Mark Raum auf jeder Seite, halten Sie ihn groß genug zum Lesen und platzieren Sie ihn auf einem Hintergrund, mit dem er kontrastiert. Das Wortzeichen bleibt oben links auf einer Seite und verlinkt zur Startseite.
Animiertes Logo
Das Logomark erwacht. Eine Scanlinie schaltet den Bildschirm ein und teilt sich in zwei Augen, der Agent schaut sich um, entdeckt den Betrachter, lächelt und richtet sich genau auf das Logomark aus.
AgentenaugenEinmal abspielen
- Animiertes SVG: eigenständig, spielt einmal ab und hält an; reduzierte Bewegung zeigt das statische Logomark. SVG herunterladen
- Lottie JSON: Vektor in beliebiger Größe für Web- und native Apps. JSON herunterladen
- Startfilm, MP4: 1024 mal 1024, 60 fps, 7 Sekunden, stumm, auf Grundfarbe. MP4 herunterladen
- Cut teilen, MP4: 1920 mal 1080, 9 Sekunden: derselbe Film, dann erscheint das Wortmarken-Logo und der Agent blinkt. Für Slack, Social, Präsentationen und E-Mail. MP4 herunterladen
- Transparentes WebM: der Film mit Alpha außerhalb der Markierung, zum Compositing in Videoschnittprogrammen. WebM herunterladen
Player malen die Hintergrundfarbe #2A3547 hinter dem Film, und der Film verwendet dieselbe Farbe, sodass er auf einem Player-Bildschirm ohne sichtbares Quadrat sitzt.
App-Symbole
Eine Icon-Familie für jeden Store und jedes System: das Logomark auf den bernsteinfarbenen und schieferfarbenen Hintergründen, ohne Text. Jedes Set folgt den Konventionen seiner Plattform, also kopieren Sie ein Set so, wie es ist.
Symbolfamilie
| Plattform | Eingeschlossen | Herunterladen |
|---|---|---|
| Web und Browser | Favicon SVG und ICO, PNG 16, 32 und 48, Apple-Touch-Icons sowie Standard- und maskierbare 192- und 512-Web-App-Icons. | Web-Icons (ZIP) |
| Android und Android TV | Adaptive Vorder- und Hintergrund, Android 13 Monochromschicht, runde und Standard-Launcher von mdpi bis xxxhdpi, 512 Pixel Google Play Artwork und das TV-Banner. | Android-Symbole (ZIP) |
| iPhone, iPad, macOS und Apple TV | iOS- und iPadOS-App-Symbolsets mit dem 1024-Pixel-App-Store-Symbol, einfarbigen dunklen und getönten Sets, dem macOS-Symbolset und ICNS, mehrschichtigen Apple TV-Symbolen und Top-Shelf-Grafiken sowie Vektorebenen für Icon Composer. | Apple-Symbole (ZIP) |
| Windows | Multi-Größe ICO- und MSIX-Logo- und Kachel-Assets in jeder Skalierung. | Windows-Icons (ZIP) |
| Linux und Raspberry Pi | Skalierbare SVG- und PNG-Dateien von 16 bis 1024 im hicolor-Layout, benannt ai.screenrig.player. | Linux-Symbole (ZIP) |
Farbcode
Zwölf Farben bilden die gesamte Palette. Der Hintergrund ist der größte Teil eines Bildschirms, und Farbnamen bezeichnen einen Zustand statt eine Oberfläche zu schmücken. Bernstein ist der Akzent.
Hintergrund
#2A3547 · rgb(42 53 71)
--ground
Seitenhintergrund. Der größte Teil eines Bildschirms ist Hintergrund.
Oberfläche
#3D4B5F · rgb(61 75 95)
--surface
Karten, Panels und hervorgehobene Reihen.
Brunnen
#202A38 · rgb(32 42 56)
--well
Vertiefte Bereiche: Code, Terminalausgabe, Eingaben.
Fließtext
#D3D8E0 · rgb(211 216 224)
--fg
Fließtext. Erfüllt AA auf Hintergrund und Oberfläche.
Hell
#FFFFFF · rgb(255 255 255)
--fg-bright
Überschriften und RIG. Das lauteste Element in einem Block.
Stummgeschaltet
#9CA3AF · rgb(156 163 175)
--fg-muted
Sekundärer Text und Bildunterschriften nur am Boden.
Marke Amber
#F8B334 · rgb(248 179 52)
--amber
screen im Wortmarken-Logo, Links, Fokus-Ringen und der einen primären Aktion.
Primärblau
#3F70B7 · rgb(63 112 183)
--blue
Nur Füllung: ausgewählte Zustände, gefüllte Steuerelemente, Diagrammserien. Nie Text oder Linien.
Fehler Ember
#E6664D · rgb(230 102 77)
--error
Fehlerstufe und Ausfall.
Alarm Kupfer
#DF7F2A · rgb(223 127 42)
--alert
Alarmstufe und Vorsicht. Nicht Marken-Orange.
Info Stahl
#6B9BBC · rgb(107 155 188)
--info
Info-Level und Hinweis. Nicht primär blau.
Erfolg grün
#3FAE6A · rgb(63 174 106)
--success
Nur ein echter Erfolgsstatus.
Regeln, die zu beachten sind
- Primärblau ist eine Füllfarbe, niemals eine Tinte. Weißer Text auf Blau erreicht ein Kontrastverhältnis von 4,98 : 1. Blau als Text, Link, Rahmen oder Icon-Strich scheitert in beiden Fällen.
- Gedämpfter Text bleibt am Boden. Innerhalb einer Karte verwendet sekundärer Text den Fließtext
#D3D8E0. - Linien sind nie grau. Zeichnen Sie jede Linie als Fließtextfarbe mit niedriger Deckkraft über dem Hintergrund.
| Farbe | Am Boden | Auf Oberfläche |
|---|---|---|
Fließtext #D3D8E0 | 8.64 : 1 | 6.19 : 1 |
Hell #FFFFFF | 12.36 : 1 | 8.86 : 1 |
Stummgeschaltet #9CA3AF | 4.87 : 1 | 3,49 : 1, nicht bestanden |
Marke Amber #F8B334 | 6.76 : 1 | 4.85 : 1 |
Primärblau #3F70B7 | 2,48 : 1, nicht bestanden | 1,78 : 1, nicht bestanden |
| Ebene | Am Boden | Auf Karten |
|---|---|---|
| Fehler | #E6664D | #EA7D68 |
| Alarm | #DF7F2A | #E4924A |
| Info | #6B9BBC | #81AAC6 |
Typografie
screenRIG verwendet Agave, eine Monospace-Schriftart, sodass der Text wie ein Werkzeug gelesen wird und Befehle, Pfade und Bezeichner nativ aussehen. Zwei Schnitte, normal und fett, bilden das gesamte System.
AgaveRegular und Bold
Ihre Bildschirme in die Unterhaltung einbinden.
Eine vollständige Digital-Signage-Plattform, kostenlos.
abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz 0123456789 #2A3547
Schriftart herunterladen
- Agave Regular: TTF WOFF2
- Agave Bold: TTF WOFF2
- Beide Schriftschnittarten, TTF und WOFF2, mit Lizenz: Schriftpaket (ZIP)
- Lizenz: SIL Open Font License 1.1. Lizenz lesen
Regeln
- Hosten Sie die Schriftart selbst als WOFF2 mit
font-display: swapund laden Sie sie niemals von einem entfernten Dienst. - Auf die lokale Monospace-Schriftart zurückgreifen, damit der Text sichtbar bleibt, falls die Schriftart ausfällt.
- Verwenden Sie nur die Schriftstärken 400 und 700, ohne negativen Laufweiten-Ausgleich.
- Großbuchstaben gehören zur Beschriftungsstimme und werden mit CSS gesetzt, nicht getippt.
- Panels, die über einen Raum hinweg gelesen werden, verwenden eine Körpergröße von mindestens 26 px, und nichts wird unter 20 px dargestellt.
| Rolle | Größe und Linie | Gewicht | Verwenden |
|---|---|---|---|
| Überschrift 1 | 64 / 72 px, 56 / 64 unter 1280 px, 48 / 56 unter 1024 px | Fett | Seitentitel. Weiß, mit dem Schlüsselbegriff in Bernstein. |
| Überschrift 2 | 32 / 40 px | Fett | Abschnittsüberschriften in Bernstein auf Marketingseiten. |
| Textkörper | 15 / 24 px | Regulär | Alles andere. Die Körpergröße ändert sich nie. |
| Beschriftung | Textkörpergröße, Großbuchstaben, verfolgt +0,08em | Regulär | Abschnittsbalken, Plattentitel, Tabellenüberschriften und Kicker in gedämpkter Tinte. |
| Werkzeugtext | 13 px Textkörper bei 1,45 Zeilenhöhe, 11 bis 12 px Bildunterschriften | Regulär | Dichte Werkzeuge und Debug-Seiten sind aus Schreibtischentfernung lesbar. |
Name und Stimme
screenRIG klingt direkt, fähig und konkret. Es führt mit dem Ergebnis und lässt den Agenten die operative Komplexität aufnehmen.
Produktlinie
Beschilderungs- und Kioskinfrastruktur für KI-Agenten. Digitale Beschilderung und Kioske sind gleichwertig, daher beide zusammen benannt.
Versprechen
Ihre Bildschirme in die Unterhaltung einbinden. Die Startseitenüberschrift lautet Eine vollständige Digital-Signage-Plattform, kostenlos.
Standardtext
screenRIG ist Beschilderungs- und Kioskinfrastruktur für KI-Agenten. Steuern Sie Bildschirme im Dashboard oder über Ihren Agenten: Bilder, Videos, Streams, Webseiten, Anwendungen und Karten.
Vom Ergebnis ausgehen
Schreiben Sie: Stellen Sie dieses Dashboard auf dem Empfangsbildschirm bereit, oder Richten Sie diesen Self-Service-Check-in-Kiosk ein. Verwenden Sie die Verben koppeln, platzieren, anzeigen, aktualisieren, veröffentlichen und überprüfen.
Sagen, was es ist
Beschreiben Sie, was screenRIG ist und tut, im Präsens und ohne Verfügbarkeitsvorbehalte. Personen steuern Bildschirme im Dashboard; ein Agent steuert sie über eine CLI-gestützte Fähigkeit, installiert als offizielles Plugin.
Ansprüche einfach halten
Nennen Sie screenRIG nie AI-powered. Verwenden Sie agent-native nur, um zu erklären, wie ein Agent das Produkt betreibt, nie als Überschrift. Zitieren Sie Preise genau so, wie sie auf der Preisseite angegeben sind.
Presse-, Partner- und Marketplace-Fragen sowie Anfragen für ein Format, das dieses Kit nicht enthält, erfolgen über die Kontaktseite.
Alles in einem Download
Nehmen Sie das Logo-Paket, fügen Sie dann die Symbole und die Schriftart für die Plattform hinzu, auf der Sie aufbauen.