Brand Design SystemSeptember 2026

Messen · Entscheiden · Begleiten

Klarheit, die Leistung weiterführt.

Ein verbundenes Markensystem für Praxis, Training und persönliche Betreuung.
Reale Plenea Praxisoberfläche mit synthetischen Daten
Reale mobile Plenea Oberfläche mit synthetischen Daten
  1. Messen
  2. Entscheiden
  3. Begleiten

Eine Marke. Vier gleichwertige Perspektiven.

Plenea macht komplexe Leistungsdaten handhabbar. Die Marke startet im Markt bei Praxen, spricht aber alle vier Gruppen als Teil desselben Systems an.

Praxen

Diagnostik, Planung und Betreuung verbinden.

Athlet:innen

Entwicklung verstehen und sicher handeln.

Solo-Selbstständige

Professionell begleiten, ohne großes Team.

Vereine & Verbände

Standards und Gruppen gemeinsam steuern.

Wir machen Komplexität nicht unsichtbar.

Wir machen sie handhabbar.
Ruhig

Wenige Signale, klare Hierarchie und Luft für konzentrierte Entscheidungen.

Präzise

Zahlen, Zustände und nächste Schritte sind eindeutig und nachvollziehbar.

Menschlich

Technologie bereitet vor. Menschen prüfen, entscheiden und begleiten.

Cobalt führt. Neutrale Flächen tragen.

Blau markiert Richtung und Handlung. Semantische Farben gehören ausschließlich zu Zuständen – nie zur Dekoration.
Cobalt#0F4DD5

Marke, Fokus, Primäraktion

Deep Ink#101116

Text und dunkle Flächen

Mineral#F6F7F9

Grundfläche und Ruhe

Silver#D9DDE5

Regeln und Trennung

Light
Klare Entscheidungen

Mineralfläche, Deep Ink, Cobalt-Fokus.

Primäraktion
Dark
Ruhige Konzentration

Ink-Fläche, helle Typografie, derselbe Cobalt-Fokus.

Primäraktion
Nur mit Bedeutung

Freigegeben #059669

Prüfung #F59E0B

Handlung nötig #E11D48

Manrope für Klarheit. Mono für Messbarkeit.

Manrope trägt Marke und Interface. JetBrains Mono kennzeichnet Werte, Einheiten, Zeitpunkte und technische Tokens. Die Wortmarke bleibt immer die Vektordatei.
AaManrope

Variable 400–800

274 WJetBrains Mono

Variable 400–700

Display · 72/68 · 720

Leistung, die weiterführt.

Heading · 48/48 · 690

Vom Befund zum nächsten Schritt.

Body · 17/28 · 430

Messdaten werden verständlich, prüfbar und handlungsnah.

Data · 14/20 · 600

4,20 mmol/l · 274 W · 04.09.2026

Ein Pfad statt schwebender Kacheln.

Das 8-Pixel-Raster, präzise Regeln und wenige Radien verbinden Inhalte. Fläche entsteht durch Hierarchie, nicht durch dekorative Container.
Abstand

8

16

24

40

64

Radius

6 px Controls · 10 px Panels · 28 px mobile Geräte

Breite1536 px

Maximale Bühne. Inhalte bleiben in lesbaren Spalten und folgen einer 7/5-Hierarchie.

Bewegung180–260 ms

Nur ruhiges Einblenden: kein Blur, Zoom, Parallax oder großer Versatz. Reduzierte Bewegung wird immer respektiert.

Das Produkt ist der wichtigste Markenbeweis.

Website und Web-App verwenden dieselben Farben, Schriften, Radien und Interaktionsprinzipien. Echte Produktoberflächen bleiben immer vollständig sichtbar; die Dichte unterscheidet sich, die Sprache nicht.
Plenea Desktop UI
Desktop

Dichte durch Raster, klare Abschnitte und scanbare Werte.

Plenea Mobile UI
Mobile

Nur Bildmarke, ein Fokus, große Touch-Ziele.

Aktionen
Befund freigebenVorschau öffnenSpäter bearbeiten

Eine Primäraktion pro Entscheidungskontext. Touch-Ziele mindestens 44 px.

Status
EntwurfPrüfungFreigegeben

Status wird mit Text und Farbe vermittelt – niemals nur mit Farbe.

Daten
Schwellenleistung274 W

+8 W seit 18. Juni

Zahl, Einheit und Vergleich bilden eine feste Informationsgruppe.

Die nächste sichere Handlung gewinnt.

Plenea reduziert sichtbare Reibung, ohne fachliche Unsicherheit zu verstecken. Jeder Flow zeigt Kontext, Zustand und Konsequenz.
Orientierung

Jede Ansicht beantwortet zuerst: Wo bin ich, worum geht es und was ist der nächste Schritt?

Entscheidung

Primäraktionen benennen die Wirkung: „Befund freigeben“ statt „Weiter“.

Unsicherheit

Unklare Schwellen und Vorschläge bleiben sichtbar als Prüfung – nie als fertige Wahrheit.

Rückmeldung

Erfolg, Fehler und Speicherung werden nah an der ausgelösten Aktion bestätigt.

Responsive

Desktop zeigt Zusammenhänge. Mobile priorisiert eine Aufgabe; das Wortlogo weicht dem Icon.

Zugänglichkeit

Kontrast, Tastaturpfade, 44-px-Ziele, sichtbarer Fokus und reduzierte Bewegung sind Pflicht.

Tonalität

Ruhig, konkret, zugewandt.

Schreiben: „Dein Befund ist zur Prüfung bereit.“

Nicht: „Super! Deine magische Analyse ist fertig 🚀“

Prinzip: Wirkung vor Feature, Klartext vor Fachjargon, kein falsches Erfolgsversprechen.

Direkt einsetzbar, bewusst editierbar.

Die SVG- und HTML-Vorlagen übernehmen Logo, Raster, Typografie-Ersatz und Farbregeln. Inhalte sind Platzhalter und müssen vor Verwendung fachlich geprüft werden.

Eine Quelle für Marke und Interface.

Die JSON-Tokens sind maschinenlesbar. Das Kit enthält Logos, Corporate Vorlagen und klare Verwendungsregeln. Neue Oberflächen leiten sich daraus ab – nicht aus Einzel-Screenshots.

Brand System · JSON Brand Guide · Markdown Plenea live ansehen