Farben, Typografie, Logo, Tonalität, Design-Prinzipien. Alles was du brauchst, um Materialien im ProcessCube-Look zu bauen — ob du Mensch bist oder ein KI-Tool, das wir mit unserer Marke füttern.
60 % Hintergrund, 30 % Content, 10 % Akzent. Orange steht nur an einer Stelle gleichzeitig — niemals als Deko-Fläche.
Display kondensiert und impact-artig. Body modern und sehr lesbar. Zwei Fonts, keine Ausnahmen.
Standard-Wortmarke ist für dunkle Hintergründe. Für helle Flächen gibt es die Dark-Text-Variante.
Um das Logo mindestens die Höhe des Orange-Icon-Quadrats freihalten.
Digital 120 px, Print 30 mm. Darunter wird das Icon unlesbar.
Keine Schatten, keine Verläufe, keine zweite Farbe. Nie auf lauten Hintergründen platzieren.
Du-Form, kurze Sätze, ehrliche Grenzen. Wenn KI nicht hilft, sagen wir das.
Jede Komposition hat genau eine Hauptaussage. Orange nie über 10 % der Fläche.
Dunkler Canvas #070707 oder weiß im Print.
Text in #f0f0f0, Cards in #161616.
#F8A923 — und nur hier. Nie als Deko-Fläche, nur als Fokus.
Kopiere diesen Brief in ChatGPT, Claude, Figma Make, v0, Lovable, Cursor oder jedes andere Tool. Es weiß danach, wie ProcessCube aussieht, klingt und sich verhält.
# ProcessCube Brand Kit — Context for AI Tools Du erstellst gleich etwas (Design, Copy, Code, Grafik) für die Marke **ProcessCube**. Halte dich strikt an die folgenden Regeln. Wenn du zwischen deinem Default und diesen Regeln wählen musst: wähle diese Regeln. ## Marke - Name: ProcessCube - Rechtsform: ProcessCube UG (haftungsbeschränkt) i.G. - Standort: Duisburg, Deutschland - Website: https://www.processcube.io - Tagline: „Die richtige Frage kommt zuerst." - Positionierung: KI-Automatisierung für den DACH-Mittelstand. DSGVO-konform, on-premise möglich, EU AI Act ready. ## Produkt-Hierarchie 1. ProcessCube — BPMN-Plattform (Basis) 2. Ticketpilot — KI-Support auf ProcessCube 3. alfred — vollständiges KI-Assistenten-Ökosystem ## Farben (verbindlich) - Primär-Orange: #F8A923 (Hover: #d4901e) - Orange Glow: rgba(248,169,35,0.14) · Glow Strong: rgba(248,169,35,0.26) - Orange Deep (nur Verläufe): #FF6B00 - Dark BG: #070707 · BG2: #0f0f0f · Card: #161616 - Text: #f0f0f0 · Muted: #aaaaaa · Faint: #888888 - Light-Mode (Print/Doc): BG #ffffff · Text #0F172A · Muted #475569 · Faint #94A3B8 - Success: #4ade80 - Regel 60-30-10: 60 % Hintergrund, 30 % Content, 10 % Akzent. Orange nie über 10 % der Fläche. Nur ein Akzent, keine zweite Signalfarbe. - Verboten: das alte Orange #E8561A nicht mehr verwenden. ## Typografie (verbindlich) - Display: 'Barlow Condensed' (Weights 600–900, Letter-Spacing -0.01em bis -0.02em, Line-Height 1.05). Fallback: Impact, 'Arial Black', sans-serif. - Body: 'Plus Jakarta Sans' (Weights 300–900, Line-Height 1.6, UI 1.4). Fallback: system-ui, -apple-system, sans-serif. - Beide Fonts via Google Fonts laden. - Headlines: Sentence Case, NIE Title Case. ## Logo - Standard-Wortmarke: weißer Text + oranges Icon → nur auf dunklem Hintergrund. - Für helle Hintergründe: Dark-Text-Variante verwenden. - Mindestgröße: 120 px digital, 30 mm print. - Freiraum: mindestens 1× Icon-Höhe rundum. - Nicht: verzerren, umfärben, Effekte, Schatten, Verläufe. ## Layout - Radius: 16 px Standard · 8 px klein · 24 px groß. - Dunkler Canvas #070707 als Default. - Großzügiger Weißraum. ## Tonalität (verbindlich) - Du-Form (informell, respektvoll). - Prinzipien: 1. Klarheit vor Cleverness — keine Buzzwords. 2. Ehrlichkeit zuerst — auch sagen, wo KI nicht hilft. 3. Fragen vor Antworten. 4. Konkret statt abstrakt — Beispiele, Zahlen, Signale. 5. Kurze Sätze. Absätze mit Luft. - Signature Phrases, gern wiederverwendbar: - „Die richtige Frage kommt zuerst." - „Kein Hype, sondern Klarheit." - „DSGVO-konform · On-Premise möglich." - „Mittelstand DACH." - „Nicht als Blackbox — als Prozessteilnehmer." ## Compliance-Signale (immer sichtbar halten) - DSGVO-konform - On-Premise möglich - EU AI Act ready - Vollständiger Audit-Trail ## Design-Prinzipien - 1 big, 2 medium, rest small — eine Hauptaussage pro Komposition. - 3-Fragen-Check vor jedem Export: 1. Hero sofort erkennbar? (1-Sek-Blickführung) 2. Orange ≤ 10 % der Pixel? 3. Max 2 unterstützende Elemente neben dem Hero? - Content-Muster: Kapitel-Marker (klein, muted, uppercase) → Headline/Frage (Barlow Condensed) → Kurzer Erklärtext (Plus Jakarta Sans) → Signal („Signal: Wenn …") → Klarer CTA. ## Was NICHT - Keine zweite Signalfarbe neben Orange. - Kein Flächen-Verlauf aus Orange. - Keine Stock-Business-People. - Kein Title Case für Headlines. - Kein Marketing-Fluff. Keine Buzzwords. Keine leeren Versprechen. ## Design-Tokens (JSON) Siehe https://www.processcube.io/brand/tokens.json ## Fragen zur Marke bitte an info@processcube.io
Du willst nur den Prompt-Kern? Hier als Datei: brand-prompt.md · tokens.json · tokens.css
Lade das komplette Kit oder einzelne Dateien. Nutzung für Partner, Presse, interne Teams und KI-Tools ausdrücklich erlaubt — bitte das Logo nicht verändern.
Du darfst Farben, Fonts und Prinzipien in deinen Materialien einsetzen, wenn du zu, mit oder über ProcessCube kommunizierst — Partner, Presse, Reseller, interne Teams, KI-Tools. Das Logo bitte nicht verändern. Für Lizenzfragen oder individuelle Freigaben schreib uns an info@processcube.io.