Zum Inhalt springen
EINswarm Standard UI · v1.2

EINswarm

KI-Agenten, die den Unterschied machen.

Ein Design-System aus Glas, Anthrazit und Gold – für Oberflächen, die Vertrauen ausstrahlen: klar lesbar, ruhig strukturiert und mit Sorgfalt gebaut.

🛡️ Guardrails 🔐 Security 🇪🇺 Für den DSGVO-konformen Betrieb gebaut 🧪 Deterministische Falsifikation 🌀 Selbstverbesserung mit Grenzen
Das Prinzip

Viele Agenten, ein Wille

Ein Schwarm ist nur so stark wie seine Regeln.

Jeder EINswarm-Agent arbeitet eigenständig – und doch nach denselben, klar definierten Grenzen. Fünf Säulen tragen das System.

Guardrails

Verbindliche Leitplanken für jede Aktion: Was ein Agent darf, steht fest, bevor er handelt – nicht erst danach.

Security

Minimale Rechte, verschlüsselte Wege und lückenlose Protokolle. Sicherheit ist Grundausstattung, kein Zusatz.

DSGVO-Konformität

Datensparsam, zweckgebunden, in der EU verarbeitet. Betroffenenrechte sind technisch mitgedacht.

Deterministische Falsifikation

Jede Behauptung wird reproduzierbar geprüft. Was sich nicht widerlegen lässt, gilt – bis zum nächsten Test.

Selbstverbesserung

Agenten lernen aus Ergebnissen – innerhalb klarer Grenzen, mit Freigabe und jederzeit nachvollziehbar.

Karten · Badges · Tabs

Die Agenten

Jede Karte zeigt Rolle, Status und Fähigkeiten auf einen Blick – ruhig, klar und ohne Tabellen-Wüste.

Aktivseit 214 Tagen

Wächter

Prüft jede ausgehende Aktion gegen die Guardrails und stoppt Abweichungen in Echtzeit.

Fortschritt92 %
RBLKMS
Guardrails
In BearbeitungLauf 1.204

Falsifikator

Formuliert Gegenhypothesen und testet sie deterministisch – gleiche Eingabe, gleiches Ergebnis.

Fortschritt68 %
JWRB
Beta
GeplantStart Q1 2027

Lernender

Schlägt Verbesserungen vor, die erst nach menschlicher Freigabe in den Schwarm übernommen werden.

Fortschritt24 %
LKANRB
Human-in-the-Loop

Erst denken, dann handeln

Der Agent zerlegt die Aufgabe in überprüfbare Schritte und legt für jeden Schritt fest, woran Erfolg gemessen wird.

Hinweise · Toasts · Akkordeon · Modal

Sicherheit & DSGVO

Vertrauen ist kein Feature. Es ist das Fundament.

Alle Guardrails aktiv
Beispielanzeige: Alle Prüfregeln bestanden, keine Abweichung seit dem letzten Lauf.
Datenverarbeitung in der EU
Modelle und Speicher laufen in Rechenzentren in der EU.
Freigabe ausstehend
Ein Verbesserungsvorschlag wartet auf deine Bestätigung.
Aktion blockiert
Zugriff auf personenbezogene Daten ohne Rechtsgrundlage verhindert.

Toasts & Dialoge ausprobieren

Wo werden meine Daten verarbeitet?

Ausschließlich in der Europäischen Union. Wir setzen auf EU-Rechenzentren und schließen mit allen Dienstleistern Auftragsverarbeitungsverträge nach Art. 28 DSGVO.

Was bedeutet deterministische Falsifikation?

Jede Aussage eines Agenten wird mit festen, reproduzierbaren Tests gegengeprüft. Gleiche Eingabe ergibt immer das gleiche Prüfergebnis – so wird Qualität messbar.

Wie weit darf sich ein Agent selbst verbessern?

Nur innerhalb definierter Grenzen. Änderungen am Verhalten werden vorgeschlagen, getestet und erst nach Freigabe übernommen – mit vollständiger Versionshistorie.

Kann ich Löschung oder Auskunft verlangen?

Ja. Auskunfts-, Berichtigungs- und Löschanfragen werden automatisiert erfasst und innerhalb der gesetzlichen Fristen bearbeitet.

Kennzahlen · Diagramm · Tabelle

Zahlen mit Haltung

Wenige, aussagekräftige Werte – groß, ruhig und mit Luft drumherum.

Aktive Agenten
0
▲ +33 %ggü. Vormonat
Abgeschlossene Tasks
0
▲ +18 %ggü. Vormonat
Zeitersparnis
0 h
▲ +42 %ggü. Vormonat
Erfolgsquote
0 %
▲ +3 %ggü. Vormonat

Bestandene Prüfungen

20262025
100908070 JanMärMaiJulSep

Roadmap-Fortschritt

Guardrail-Engine100 %
DSGVO-Audit86 %
Falsifikations-Suite72 %
Selbstverbesserung v238 %
Agenten-Aufgaben der letzten Woche (Beispieldaten)
AgentAufgabeStatusVerantwortlichTestsAktionen
Wächter Premium Ausgangsprüfung E-Mail Aktiv Rob Boss 312
Falsifikator Faktencheck Angebot Q4 In Bearbeitung Jonas Weber 96
Archivar Löschfrist-Prüfung Geplant Lena König —
Lernender Vorschlag: Antwortstil Inaktiv Aylin Nowak 48
Wächter Premium Zugriff CRM-Export Fehler Mika Schmidt 12
Übersetzer Vertragsentwurf DE/EN Aktiv Lena König 64
Player · Mixer · Pads · Tracks

Das Studio

Generieren. Hören. Mastern.

Audio-Bausteine für KI-Musik: Waveform-Player mit Spektrum, Kanalzüge mit Fadern und Reglern, ein Pad-Raster mit echtem Klang und Track-Karten – alles per Tastatur bedienbar.

Acid Rain Protocol
MiniMax Music 3 · Vocals · Seed 40417
128 BPMF♯ Moll−9,2 LUFS
0:00 3:04
Demo ohne Ton · Pads klingen echt

Mixer

5 Kanäle · vor dem Master
C
−4 dB
Kick
L12
−6 dB
Bass
R18
−9 dB
Synth
C
−3 dB
Vox
C
0 dB
Master

Pads

Tasten 1–4 · Q–R · A–F
Swing 54 %Quantisierung 1/16
Gemastert3:04

Acid Rain Protocol

MiniMax Music 3 · Vocals

128 BPMF♯ Moll
Neu2:41

Concrete Bloom

ACE-Step · Lyrics

92 BPMD Moll
Entwurf0:47

Spore Signal

Stable Audio Open · instrumental

140 BPMA Moll
Buttons · Chips · Formulare · Einstellungen

Die Werkstatt

Alle Bedienelemente des Systems – präzise wie ein Uhrwerk.

Buttons


Badges & Chips

AktivIn BearbeitungGeplantInaktivFehlerNeuBetaWichtigPremiumArchiviert
Filter: EU

Formular

Thema
  • Guardrails & Sicherheit
  • DSGVO-Beratung
  • Agenten-Entwicklung
  • Sonstiges
0/500
Deine Angaben werden nur zur Bearbeitung der Anfrage genutzt.
Paket
Timeline

Der Weg nach oben

Schritt für Schritt. Überprüfbar.

  1. Q1 2026

    Fundament

    Guardrail-Engine und Audit-Trail gehen in Betrieb.

  2. Q2 2026

    DSGVO-Kern

    EU-Hosting, Löschkonzept und Auftragsverarbeitung abgeschlossen.

  3. Q3 2026

    Falsifikations-Suite

    Deterministische Gegenprüfung für jede Agenten-Aussage.

  4. Q4 2026 · jetzt

    EINswarm Standard UI

    Ein gemeinsames Erscheinungsbild für alle EINswarm-Oberflächen.

  5. 2027

    Selbstverbesserung v2

    Lernen mit klaren Grenzen, Freigabe-Workflows und Versionierung.

Gute KI erkennt man nicht daran, was sie alles kann – sondern daran, was sie verlässlich nicht tut.
Rob BossGründer, EINswarm
Leitfaden

So nutzt du das EINswarm UI

Zwei Dateien, ein paar Klassen – und jede Seite fühlt sich nach EINswarm an.

  1. Dateien einbinden

    einswarm-ui.css, den Ordner fonts/ und einswarm-ui.js kopieren und einbinden.

  2. Szenen bauen

    Jeden Abschnitt als .es-scene mit passendem data-bg anlegen – das Foto passt zum Thema.

  3. Glas statt Tabellen

    Inhalte in .es-glass-Karten, Kennzahlen und Listen gliedern. Tabellen nur, wenn wirklich nötig.

  4. Gold sparsam

    Gold markiert das Wichtigste: eine Primäraktion, eine Überschrift, ein Akzent pro Bereich.

  5. Stil wählen

    Ein Attribut genügt: <html data-theme="toxic">. Alle Farben, Schriften, Formen und Effekte hängen an CSS-Variablen in einswarm-themes.css.

  6. Kalligrafie nur groß

    Schreibschrift für Titel ab ca. 40 px, alles andere in der Textschrift.

<!-- im <head> · Stil: gold, toxic, arctic, neon, obsidian, editorial, aurora -->
<link rel="stylesheet" href="einswarm-ui.css">
<link rel="stylesheet" href="einswarm-themes.css">

<!-- direkt nach <body> -->
<canvas class="es-hexrain"></canvas>
<div class="es-shine"></div>

<!-- ein Abschnitt -->
<section class="es-scene" data-bg="security">
  <div class="es-scene__bg"></div>
  <div class="es-air">Vertrauen</div>
  <div class="es-container es-center">
    <h2 class="es-heading es-gold-text">Sicherheit</h2>
    <article class="es-glass es-card">…</article>
  </div>
</section>

<!-- vor </body> -->
<script src="einswarm-ui.js" defer></script>

Eigene Themen-Hintergründe

Neues Foto als WebP (≈1920 px) in assets/ ablegen und eine Zeile ergänzen:
.es-scene.is-loaded[data-bg="neu"] .es-scene__bg { background-image: url(assets/bg-neu.webp) }. Helligkeit pro Abschnitt über --scene-bright steuern.

Marke

Das EINswarm-Zeichen

Ein Zeichen, viele Formate. Immer gut lesbar.

Alle Varianten liegen freigestellt unter assets/brand/ (WebP, PNG, AVIF für Hintergründe). Zeigt ein Hintergrund das Logo schon, bleibt das Nav-Logo ausgeblendet – nie zweimal im selben Blick. In den anderen Stilen erscheint das Zeichen zurückhaltend in Graustufen.

EINswarm-Logo mit Claim auf dunklem Grund
Logo mit Claim · auf Dunkel
EINswarm-Logo mit Claim auf hellem Grund
Logo mit Claim · auf Hell
EINswarm-Logo ohne Claim
Logo ohne Claim
EINswarm-Logo ohne Claim auf hellem Grund
Logo ohne Claim · auf Hell
EINswarm-Wortmarke
Wortmarke
EINswarm-Wortmarke auf hellem Grund
Wortmarke · auf Hell
EINswarm-Emblem App-Icon 180 px Favicon 32 px Favicon 16 px
Emblem · App-Icon 180 · Favicons 32 und 16 (plus favicon.ico, Icons 192/512)
Hero Desktop · Text links
Wabennetz
Gold-Nahaufnahme
Hero mobil · hochkant

Willkommen

Das ist der Modal-Dialog des EINswarm UI: Glas, feine Goldkante, weicher Hintergrund-Blur. Schließen per Button, Esc oder Klick daneben.

Deine Daten

Wir verarbeiten nur, was nötig ist – in der EU, verschlüsselt und mit klarer Löschfrist. Du entscheidest.

Wirklich löschen?

„Dieser Eintrag“ wird dauerhaft entfernt. Diese Aktion kann nicht rückgängig gemacht werden.

Stil EINswarm Gold 1 / 8
✦