Zurück zu Knowledge Hub

Markenrichtlinien

Das Internet ist fragmentiert. Informationen sind verstreut, dupliziert und von ihrer Quelle getrennt. plugilo existiert, um genau das zu ändern – indem wir die vertrauenswürdige Informationsebene des KI-Zeitalters aufbauen.
Diese Guidelines stellen sicher, dass alles, was wir erschaffen, diesen Anspruch widerspiegelt: strukturiert, zuverlässig und ansprechend.


Verifizierte Daten in eine klare, menschenzentrierte Designsprache übersetzen.

Die zentralen Erkennungszeichen unserer Identität: die plugilo Wortmarke. Entwickelt, um sauber als Overlay oder Anker auf jedem Partner-Widget, jeder Ökosystem-App oder physischen Brücke zu sitzen

Primary Logo

Monochrome Logos

Das Blaugrau-Primärlogo wird auf adaptiven Hintergründen (z. B. in E-Mail-Clients) bevorzugt eingesetzt, um optimalen Kontrast auf verschiedenen Geräten und Anzeigemodi sicherzustellen.

Wichtige Regel: Wortmarke erscheint niemals ohne das Icon
Die „plugilo"-Typografie darf niemals isoliert verwendet werden. Sie ist stets mit dem Markenicon auf der linken Seite gepaart. Das Icon hingegen darf alleine erscheinen (als Favicon, App-Icon, Wasserzeichen oder platzbeschränktes UI-Element). Diese Regel hat keine genehmigten Ausnahmen.


pluggy ist plugilos KI-Beratungsagent, das lebendige Herz von plugilos Intelligenz und die Brücke zwischen Ihnen und den vertrauenswürdigen Informationen, die Sie benötigen. Klug genug, um Ihre Entscheidungen zu leiten, warmherzig genug, um den Weg leicht erscheinen zu lassen.

Als Gesicht unserer Intelligenz verbindet pluggy Sie zum genau richtigen Zeitpunkt mit inhabergeprüften Erkenntnissen und bewältigt Komplexität, damit Sie es nicht müssen. Freundlich, klar und immer auf Ihrer Seite.
Er ist die ständige Erinnerung daran, dass hinter jeder vertrauenswürdigen Antwort eine Intelligenz steht, der es wirklich wichtig ist, die richtige Antwort für Sie zu finden.


plugilos Farbpalette basiert auf einem dunklen Canvas, der Tiefe und Fokus vermittelt, verankert durch unser Markenblau als bewussten Akzent. Farben sind nicht dekorativ – sie tragen Bedeutung. Verwenden Sie sie wie definiert, um Konsistenz in Produkt-, Marketing- und Partnermaterialien sicherzustellen.

Die dunkle Basis dominiert die Benutzeroberfläche und gibt Inhalten und Daten Raum zum Atmen, ohne visuelles Rauschen. Erhöhte Flächen lagern sich darüber auf und schaffen Struktur – mit Cards, Panels und Listenzeilen, die Informationen organisieren, ohne mit ihnen zu konkurrieren. Die Inhaltsnuancen reichen von Weiß-nahen Tönen für primäre Texte bis hin zu weicheren Grautönen für Metadaten und Sekundärinformationen, um Klarheit zu bewahren und die ruhige, fokussierte Atmosphäre der Benutzeroberfläche zu erhalten. Markenblau wird sparsam und bewusst eingesetzt – nur für Handlungsaufforderungen, aktive Zustände und Markenpräsenz. Seine Zurückhaltung ist das, was ihm Bedeutung verleiht.

Marke (Identitätsakzent — Selektiv eingesetzt, nicht als Standard)
brand-mark
#1DA6F3 · Solid
Nur für Logo- und Markenverwendung · Nicht für UI-Komponenten anpassen
brand-primary
#1D93D8 · Solid
CTAs und Markenakzent · Follow / Get Started / Create-a-Card-Schaltflächen, aktive Tab-Icons, Marken-Highlights, Marken-Glyphen
Canvas (Grundlage — Alle Alpha-Tokens werden hieran aufgelöst)
bg-base
#1C1C1E · Anchor
Primäres Canvas · Alle Bildschirme, Frames, Modals · Anker, gegen den alle Alpha-Tokens aufgelöst werden
Surfaces (Schichten über dem Canvas, nach Höhe)
surface-fill
#FFFFFF @ 4% → #252527
Komponentenfüllungen · Eingabefelder, Listenelemente, eingebettete Container innerhalb einer Fläche
surface-tint
#FFFFFF @ 8% → #2E2E30
Erhöhte Flächen · Dropdowns, Popovers, hervorgehobene/aktive Zustände, schwebende Elemente über dem Canvas
surface-control
#FFFFFF @ 30% → #606062
Steuerflächen · Tastaturtasten, Toggle-Spuren, deaktivierte Schaltflächenfüllungen · Niemals content-muted darüber legen
Borders (Default + State)
border-primary
#FFFFFF @ 20% → #49494B
Standard · Alle Rahmen · Card-Trennlinien, Eingabe-Strokes, Filterblätter, Dock-Rahmen, Trennlinien
border-active
#F2F2F7 · Solid
Zustand · Ausgewählte Eingabe, fokussierte Eingabe, hervorgehobene Zeile
Content (Text + Icons, By Emphasis)
content-primary
#F2F2F7 · Solid
Hochbetonter Text & Icons · Überschriften, Fließtext, Schaltflächenbeschriftungen, aktive Navigation, Icon-Glyphen
content-secondary
#FFFFFF @ 70% → #BBBBBB
Mittelbetonter Text & Icons · Untertitel, Metadaten, inaktive Tab-Beschriftungen, sekundäre Beschreibungen
content-muted
#FFFFFF @ 40% → #777778
Schwach betonter Text & Icons · Platzhalter, deaktivierte Beschriftungen, Zeitstempel
(Niemals für lesbaren Inhalt darunter gehen)
Status (Semantisches Feedback)
status-success
#1F845A · Solid
Erfolgszustände · Gelöste Tags, Erfolgs-Toasts, bestätigte/geprüfte Zustände
status-warning
#E2AA03 · Solid
Warnzustände · Warn-Toasts, ausstehende Badges · Text nur mit #1C1C1E kombinieren
status-danger
#C9372C · Solid
Fehlerzustände · Fehler-Toasts, destruktive Aktionen, kritische Warnungen

Wir verwenden Inter als unsere primäre Schriftart. Sie ist klar, strukturiert und in allen Größen und Kontexten lesbar – von UI-Beschriftungen bis hin zu redaktionellen Schlagzeilen. Die typografische Hierarchie leitet den Leser. Halten Sie sich an die definierten Schriftgewichte und Größen, um einen ruhigen, intelligenten Tonfall beizubehalten.

Titles
Display
Hero
72px · 700Bold
80px ·
−0.02em
125% — optical
tight
Hero headings, Marketing headers
Display
Section
48px · 700Bold
56px ·
−0.02em
125% — optical
tight
Page/Section titles Desktop, Marketing headers
Display Title
32px · 700Bold
40px ·
−0.02em
125% — optical
tight
Page/Section titles Mobile, Titles inside containers
Heading
24px · 600SemiBold
32px ·
−0.01em
133% — slight
tighten
Feature titles, Dialog headers
Paragraphs & Subtitles
Subheading
18px · 400/600Regular / SemiBold
24px · 0em133%
Nav tab labels, Section sublabels, Modal titles
Body Primary
16px · 400/600Regular / SemiBold
24px · 0em150% — WCAG optimal
All paragraphs, List items, Feature copy
Body Secondary
14px · 400/600Regular / SemiBold
20px · 0emNeutral tracking
Form placeholders, Input fields, Spec labels, Secondary info
Caption & Taglines
Caption
12px ·
400/600
Regular / SemiBold
16px ·
+0.02em
+0.24px
tracking
Timestamps, Tag labels, Helper text, Footnotes
Micro
10px ·
500
Medium
14px ·
+0.04em
+0.4px tracking
Chip counters, Status badges, Notification dots, Icon overlays

Vision

Eine Welt, in der jede Information verifiziert, eigentümerkontrolliert und allgemein vertrauenswürdig ist. Die langfristige Vision ist es, dass plugilo zu einer universellen Infrastruktur wird, die vertrauenswürdige Daten, KI-Systeme und menschliche Entscheidungsfindung miteinander verbindet.

Mission

Angebot und Nachfrage intelligenter, fairer und strukturierter verbinden. Nicht durch Lärm. Nicht durch Manipulation. Nicht durch Aufmerksamkeit um jeden Preis. Sondern durch Relevanz, Struktur, vertrauenswürdige Quellen und explizite Nutzerintentionen.

Markenwerte

Sechs Werte leiten jede Entscheidung bei plugilo: Vertrauen durch Design. Eigenverantwortung und Rechenschaftspflicht. Struktur statt Chaos. Offenheit und Interoperabilität. Menschliche und KI-Intelligenz. Nutzen statt Lärm. Das sind keine Slogans – das sind die Prinzipien hinter jeder Produktentscheidung und Kommunikation.

Tonalität

plugilo spricht mit Überzeugung, nicht mit Arroganz. Wir sind intelligent, ohne akademisch zu sein, freundlich und dabei glaubwürdig. Ob wir ein Produkt-Label, einen Partner-Pitch oder eine Pressemitteilung schreiben – der Ton bleibt konsistent: klar, ruhig und in echten Informationen verwurzelt.

Zurück zu Knowledge Hub