Kapitel 0 — Brand Kit

Unser Brand Kit.
Offen für Menschen und KI.

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.

DSGVO-konform On-Premise möglich EU AI Act ready Vollständiger Audit-Trail
Kapitel 1 — Farben

Ein Orange. Ein dunkler Canvas. Nichts dazwischen.

60 % Hintergrund, 30 % Content, 10 % Akzent. Orange steht nur an einer Stelle gleichzeitig — niemals als Deko-Fläche.

Primär

Primär-Orange
#F8A923
Orange Hover
#d4901e
Orange Glow
rgba(248,169,35,.14)
Orange Deep
#FF6B00

Neutrals · Dark Mode (Default)

Background
#070707
Background 2
#0f0f0f
Card
#161616
Text
#f0f0f0

Light Mode (Print & Dokumente)

Background
#ffffff
Text
#0F172A
Text Muted
#475569
Text Faint
#94A3B8
Kapitel 2 — Typografie

Barlow Condensed trifft Plus Jakarta Sans.

Display kondensiert und impact-artig. Body modern und sehr lesbar. Zwei Fonts, keine Ausnahmen.

Display · Barlow Condensed
Die richtige Frage kommt zuerst.
Kein Hype, sondern Klarheit.
Weights 600 700 800 900 · Letter-Spacing -0.01em bis -0.02em · Line-Height 1.05
Body · Plus Jakarta Sans
ProcessCube ist dein Werkzeugkasten für wiederkehrende Aufgaben, Abläufe und Entscheidungen — digital, automatisch, ohne Chaos.
Wir sagen auch, wo KI dir nicht hilft. Klarheit vor Cleverness — immer.
Weights 300 – 900 · Line-Height 1.6 (Body) · 1.4 (UI) · Google Fonts
HTML · Font-Loader


Kapitel 4 — Voice

Fünf Prinzipien. Null Buzzwords.

Du-Form, kurze Sätze, ehrliche Grenzen. Wenn KI nicht hilft, sagen wir das.

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

  • „Die richtige Frage kommt zuerst."
  • „Kein Hype, sondern Klarheit."
  • „DSGVO-konform · On-Premise möglich."
  • „Mittelstand DACH."
  • „Nicht als Blackbox — als Prozessteilnehmer."

Do / Don't

Do

  • Dunkler Canvas als Standard
  • Orange als einziger Akzent
  • Viel Weißraum um Headlines
  • Sentence Case für Headlines
  • Kapitel-Marker klein und muted

Don't

  • Kein zweites Signal-Rot/-Grün
  • Kein Flächen-Verlauf aus Orange
  • Keine Stock-Business-People
  • Kein Title Case bei Headlines
  • Kein Marketing-Fluff
Kapitel 5 — Design-Prinzipien

1 big. 2 medium. Rest small. 60-30-10.

Jede Komposition hat genau eine Hauptaussage. Orange nie über 10 % der Fläche.

60 %

Hintergrund

Dunkler Canvas #070707 oder weiß im Print.

30 %

Content

Text in #f0f0f0, Cards in #161616.

10 %

Akzent

#F8A923 — und nur hier. Nie als Deko-Fläche, nur als Fokus.

3-Fragen-Check vor jedem Export
  1. Hero sofort erkennbar? In 1 Sekunde Blickführung.
  2. Orange ≤ 10 % der Pixel? Akzent, nicht Deko.
  3. Max 2 unterstützende Elemente? Sonst Hierarchie flach.
Kapitel 6 — Für KI-Tools

Füttere jede KI mit unserer Marke.

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.

brand-prompt.md · bereit zum Pasten
# 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

Kapitel 7 — Downloads

Alles was du brauchst. In einem Rutsch.

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.

Komplett

Brand Kit ZIP

89 Dateien · ~5.7 MB · Stand aktuell

⬇ processcube-brand-kit.zip
Design Tokens

tokens.json · tokens.css

Farben, Fonts, Radius strukturiert

⬇ tokens.json ⬇ tokens.css
Für KI-Tools

brand-prompt.md

Fertiger Brief für ChatGPT, Claude, Figma Make, v0 …

⬇ brand-prompt.md
Logo

Wortmarke (dunkler Hintergrund)

PNG · transparenter Hintergrund

⬇ logo.png
Logo

Wortmarke (heller Hintergrund)

PNG · Dark-Text-Variante

⬇ logo-dark-text.png
Icon

Orange-Quadrat

64 / 256 / 512 px + Favicon

⬇ icon-512.png ⬇ favicon.ico
Doku

Brand Kit (lesbar)

Komplette Doku als Markdown + PDF

⬇ brand-kit.md ⬇ brand-kit.pdf
Office

PowerPoint & Word Master

Vorlagen mit Barlow + Jakarta

⬇ .pptx ⬇ .docx
Templates

Pitch-Deck HTML

McKinsey-Editorial-Layout

⬇ pitch-deck-template.html
Nutzung

Nimm's. Nutz es. Bleib fair.

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.

Kopiert