Zum Inhalt springen

Styleguide / Stylekonzept 2026 / Personal Branding

LinkedIn Personal Banner.

9 Banner-Vorlagen im aktuellen Stylekonzept 2026 ("Operating Manual"). Fraunces als Display-Serif, Cream/Ink Dual-Mode, Sunrise-over-Ink Gradient, Compliance-Stripe, Mix-Balken, Decision-Record-Artifact - dieselben Patterns wie auf den Preview-Pages der Homepage und des Magazins.

9

Banner-Varianten

2

Modi (Cream / Ink)

1584×396

LinkedIn-Standard

SVG

Editierbar / lossless

Design-Tokens / Stylekonzept 2026

Was ist anders als Style 1.

Display-Schrift

Fraunces

Editorial Serif (variable opsz 9-144). Style 1 hatte nur Inter Bold.

Dual-Mode

Cream + Ink

#F5F2EC warm-light für Storytelling, #0E1320 ink-dark für Datendichtes.

Akzent-Orange

#B54E00

Marken-Orange aus Stylekonzept. Logo-Vogel inline auf #B54E00 (nicht #FF6B00 aus dem Adobe-Logo-Source).

Signature-Gradient

Sunrise-over-Ink

Coral + Ink-Blue Radial-Mix als bespoke Hero-Gradient (Banner 02 + 09).

9 Banner / 2 Modi

Editorial Banner.

Jeder Banner verwendet einen Pattern aus dem Stylekonzept 2026: Mix-Balken, Decision-Record-Artifact, Compliance-Stripe, Sunrise-Gradient oder Numbered-Methodology. Beispielnamen sind Platzhalter - im SVG ersetzen.

Banner-Vorschau: Editorial Statement

01

Cream / Editorial

Editorial Statement

"Agents decide. Humans govern."

Brand-Claim als Editorial-Statement. Fraunces in zwei Zeilen, italic-Mix für Akzent. Eyebrow in JetBrains Mono. Person rechts mit oranger Hairline. Maximale Markenkraft mit minimalem Schmuck.

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

Banner-Vorschau: Sunrise Hero

02

Sunrise-over-Ink Gradient

Sunrise Hero

"From prompt to policy."

Signature-Gradient (Cream-Coral-Ink Radial-Mix) wie auf der Homepage. Fraunces 'From prompt' / 'to policy.' italic. Beschreibt das Produkt in vier Worten - poetisch, prägnant.

Empfohlen für Architects, Product Leads, Strategie-Rollen

Banner-Vorschau: Quantified Proof

03

Cream / Stripe-Pattern

Quantified Proof

"37 / 4-6 Wo / 12-18 Mo / 0"

Quantified-Proof-Pattern aus dem Stylekonzept. Vier harte Zahlen statt Logo-Wall: Agents produktiv, First Production, DACH-Buyer-Cycle, Shadow-AI-Incidents (0 in Orange). Fraunces-Headline darüber.

Empfohlen für Customer Success, Sales Engineers, Operations Leads

Banner-Vorschau: Numbered Methodology

04

Ink-Dark / Linear-Style

Numbered Methodology

"01 Decide. 02 Govern. 03 Audit."

Numbered-Section-Pattern (Linear-Style 1.0/2.0/3.0). JetBrains Mono Numerale + Fraunces Verben in Italic-Mix. 'Audit' in Orange als Climax. Pure Methodologie als Visitenkarte.

Empfohlen für Engineers, Tech Leads, Methodologie-Träger

Banner-Vorschau: Compliance Stripe

05

Cream / Compliance-Badge-Rail

Compliance Stripe

"Built for boards. Built for regulators."

Compliance-Badge-Rail aus dem Stylekonzept (EU AI Act / DSGVO / ISO 27001 / Betriebsratsfähig / EU-FIRST in Orange). Fraunces-Statement-Headline. Geht direkt an Boards und Compliance-Officer.

Empfohlen für Compliance, Legal, Governance, COO, CFO

Banner-Vorschau: Decision Mix

06

Ink-Dark / Mix-Balken

Decision Mix

"Every decision, accountable."

Mix-Balken KI/Regel/Mensch aus dem Agent-Katalog-Redesign - das site-weite Decision-Layer-Visual. AI 60% Orange / Rules 25% Ink-Blue / Human 15% Sage. Datadichte Aussage in einem Bild.

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

Banner-Vorschau: Decision Record Card

07

Cream / Interface-as-Hero

Decision Record Card

"Where decisions become artifacts."

Mini-Decision-Record-Karte als Hero-Artifact (Stylekonzept-Pattern). Echte Decision: Agent, Confidence 0.92 in Orange, Policy-Reference, Signature. Fraunces-Headline links. Editorial-Tech.

Empfohlen für Engineers, Architects, Governance Leads

Banner-Vorschau: Editorial Quote

08

Ink-Dark / Editorial-Pull-Quote

Editorial Quote

"Agents decide. Humans govern. Architecture documents."

Editorial-Quote-Pattern mit großen Fraunces-Zeilen, Architecture documents in italic + Orange als Climax. Author-Box wie in Magazin-Artikeln. Liest sich wie ein Buchcover.

Empfohlen für Founder, Thought-Leader, Magazin-Autoren

Banner-Vorschau: Accountable by Architecture

09

Sunrise-Ink-Dark Gradient

Accountable by Architecture

"Enterprise AI. Accountable by architecture."

Sunrise-over-Ink Dark-Gradient. Fraunces-Statement: Enterprise AI. (charcoal-cream) / Accountable / by architecture. (italic, orange). Compliance-Eyebrow oben. Position-Statement der Firma als Visitenkarte.

Empfohlen für Alle Enterprise-facing Rollen, Founder, Brand-Träger

Tagline Library

13 Sprüche.

Im SVG den Beispieltext durch deinen Wunsch-Spruch ersetzen. Top-Picks orange markiert - prägnant und Gosign-eigen.

Decision Layer

  • Agents decide. Humans govern.
  • Enterprise AI. Accountable by architecture.
  • From prompt to policy.
  • Every decision auditable. Every action accountable.
  • Where decisions become artifacts.

Engineering

  • We don't train agents. We engineer them.
  • Production-grade or nothing.
  • Less prompting. More engineering.
  • Pilots are easy. Production is engineering.

Governance

  • Built for boards. Built for regulators.
  • Compliant by design. Audited by default.
  • EU AI Act ready since day one.
  • Architecture documents.

Anleitung

Banner anpassen in fünf Schritten.

  1. 01
    Download. SVG-Datei deiner Wahl herunterladen.
  2. 02
    Öffnen. SVG in VS Code, Sublime, BBEdit oder einem beliebigen Texteditor öffnen. Alternativ in Figma per Drag & Drop importieren.
  3. 03
    Name + Rolle ändern. Beispielnamen (Bert Gogolin / Theandra Moreira / etc.) durch deinen ersetzen. Die Stelle steht in einem <text>-Element rechts oben.
  4. 04
    Optional: Tagline tauschen. Aus der Tagline Library oben einen anderen Spruch ins Fraunces-<text> kopieren.
  5. 05
    PNG exportieren + hochladen. SVG in Figma/Inkscape öffnen, als 1584×396 PNG (sRGB) exportieren. LinkedIn akzeptiert SVG nicht direkt. Wichtig: Fraunces-Font installieren bevor exportiert wird (sonst Fallback Georgia).

Verbindliche Regeln (Stylekonzept 2026)

  • Hintergrund: Cream #F5F2EC oder Ink-Dark #0E1320. Kein pures Schwarz, kein pures Weiß.
  • Display-Schrift: Fraunces (variable opsz 9-144). Inter nur für Body/Person-Block. JetBrains Mono nur für Eyebrow-Caps.
  • Akzent: #B54E00. Coral #D96014 nur als Gradient-Stop.
  • Logo: Vogel + Wordmark inline embedded. Vogel in #B54E00. Wordmark in #1A1814 (Cream-BG) oder #E8E6E1 (Ink-BG).
  • Avatar-Safe-Zone: x: 0-260, y: 200-396 freihalten.
  • Mobile-Crop: Kerninfo zwischen x: 600-984.
  • Border-Radius: rounded-organic (6px) für Cards, nicht eckig wie Style 1.