Styleguide / Personal Branding

LinkedIn Personal Banner

8 Premium-Vorlagen im echten Gosign-CI für das LinkedIn-Profil jedes Mitarbeiters. Alle Banner sind SVG (1584x396, LinkedIn-Standard) mit dem Original-Marken-Logo (Vogel + Wordmark) und dem korrekten Marken-Orange #FF6B00. Editierbar im Texteditor, fertig zum Upload.

Format

SVG, 1584 x 396 px

LinkedIn-Standard, 4:1

Marken-Orange

#FF6B00

Nicht #B54E00 (das ist nur der WCAG-Wert für Buttons auf Weiß)

Logo

Vogel + Wordmark

Inline embedded, kein externer Link

Avatar-Safe-Zone

x:0-260 / y:200-396

Profilbild-Bereich frei

CI-Hinweis nach Senior-Designer-Review:

Banner verwenden den Marken-Orange #FF6B00 aus dem Original-Logo - nicht #B54E00. Letzterer ist der WCAG-AA-korrigierte Button-Wert für hellen Hintergrund (Web). Auf schwarzem LinkedIn-Banner wirkt #B54E00 muddy/braun-rot - der Brand-Eindruck kippt von "Tech/Energie" nach "Erdig". Daher: für alle Marken-Asset-Anwendungen mit dunklem Hintergrund #FF6B00.

Banner-Vorschau: Manifesto Frame

Banner 01

Manifesto Frame

"Agents decide. Humans govern."

50/50-Split Schwarz/Orange mit dem Brand-Claim als Editorial-Statement. Logo prominent links oben, Person-Block dezent rechts oben in der Orange-Half. Stärkste Aussage des gesamten Sets.

Empfohlen für: Sales, Leadership, Founder, Brand-Botschafter

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: The Operator

Banner 02

The Operator

"Building production-grade AI agents that decide, document, and stay accountable."

Logo gross links als Marken-Anker, vertikale Hairline trennt vom Personenblock. Eyebrow-Caps, grosser Name, Rolle in Orange. Manifesto-Subline italic. Stripe-haft puristisch.

Empfohlen für: Engineers, Architects, technische Senior-Rollen

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: DECIDE.

Banner 03

DECIDE.

"DECIDE."

Oversized Editorial-Type, ein einziges Wort. Punkt am Ende in Orange als Brand-Mark. Person-Block klein rechts oben. Maximaler Druck, minimaler Schmuck.

Empfohlen für: Customer Success, Implementation, Product

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: GOVERN.

Banner 04

GOVERN.

"GOVERN."

Pendant zu DECIDE. - die zweite Hälfte des Brand-Claims als Solo-Statement. Für Governance-, Compliance- und Leadership-Rollen.

Empfohlen für: Engineering Leads, Compliance, Governance, COO

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: ENGINEER.

Banner 05

ENGINEER.

"We don't train agents. ENGINEER."

Eyebrow-Caps 'WE DON'T TRAIN AGENTS.' setzen den Kontext, dann ENGINEER. als grosser Schluss-Satz. Anti-Hype-Position, klar Gosign.

Empfohlen für: AI Engineers, ML Engineers, Tech Leads

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: Decision Pipeline

Banner 06

Decision Pipeline

"Input → Decide → Audit"

Eine horizontale Hairline mit drei 8px-Quadraten - INPUT / DECIDE / AUDIT. Sublabels unter jedem Knoten. Visualisierung der Decision-Layer-Pipeline ohne Visio-Klischee.

Empfohlen für: Architects, Solution Engineers, Tech Leads

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: From prompt to policy.

Banner 07

From prompt to policy.

"From prompt to policy."

Editorial-Stil mit Eyebrow-Caps, zweizeiliger Type-Setzung, Subline italic. Beschreibt das Produkt in vier Worten. Logo links, Person rechts oben.

Empfohlen für: Product, Strategy, Architects, Decision Layer Engineers

SVG herunterladen In neuem Tab ansehen
Banner-Vorschau: Decision Point

Banner 08

Decision Point

"Every decision auditable."

Maximale Reduktion: eine Hairline horizontal, ein 8px-Quadrat in Orange als 'Decision Point'. Subtiles Statement. Logo links, Person rechts oben. Statement mittig.

Empfohlen für: Senior-Rollen, alle die mit Reduktion arbeiten möchten

SVG herunterladen In neuem Tab ansehen

Tagline Library

20 markante Sprüche

Jeder Spruch passt in jedes Banner. Im SVG den Beispieltext durch die gewünschte Tagline ersetzen. Die fett markierten Sprüche sind Top-Picks - prägnant, selbstbewusst, klar Gosign.

Decision Layer (was wir bauen)

  • * Agents decide. Humans govern.
  • Every decision auditable. Every action accountable.
  • * From prompt to policy.
  • Decisions, decomposed.
  • The layer between intent and action.
  • Confidence is architecture, not a feature.

Engineering-Mindset

  • * We don't train agents. We engineer them.
  • Less prompting. More engineering.
  • We engineer the unsexy parts.
  • Production-grade or nothing.

Anti-Hype / Senior

  • * Pilots are easy. Production is engineering.
  • Stop piloting. Start operating.
  • Boring infrastructure for serious AI.
  • Where AI stops and accountability starts.

Governance

  • Compliant by design. Audited by default.
  • Built for boards. Built for regulators.
  • EU AI Act ready since day one.
  • Audit-ready by architecture.

Personal / Stamp

  • I build the Decision Layer.
  • Engineering Enterprise AI.

Anleitung: Banner anpassen

  1. 1. Download. SVG-Datei deiner Wahl herunterladen.
  2. 2. Öffnen. SVG in VS Code, Sublime, BBEdit oder einem beliebigen Texteditor öffnen. Alternativ in Figma per Drag & Drop importieren.
  3. 3. Name ändern. Im SVG-Code die Beispielnamen (z.B. Bert Gogolin) durch deinen Namen ersetzen. Die Stelle steht in einem <text>-Element.
  4. 4. Rolle ändern. Analog die Rolle anpassen (z.B. AI Agent Engineer).
  5. 5. Optional: Tagline ändern. Aus der Tagline Library oben einen anderen Spruch wählen und ins SVG einsetzen.
  6. 6. Speichern + hochladen. SVG in Figma/Inkscape öffnen und als PNG exportieren (LinkedIn akzeptiert kein SVG direkt). Empfohlen: 1584x396 PNG, sRGB.

Verbindliche CI-Regeln

  • Hintergrund: #0A0A0A (Schwarz) oder #FF6B00 (Orange) - nie andere Töne.
  • Akzentfarbe: #FF6B00 (Marken-Orange aus dem Original-Logo).
  • Schrift: Inter, system-ui Fallback. Keine externen Fonts laden.
  • Keine abgerundeten Ecken (eckig = Gosign-Designsprache).
  • Logo: Vogel + Wordmark inline embedded - nicht improvisierte "gosign + Punkt"-Konstruktionen.
  • Avatar-Safe-Zone freihalten (x: 0-260, y: 200-396).
  • Mobile-Crop berücksichtigen: Kerninfo zwischen x: 600-984.