Prototyp·Interne Design-System-Referenz — nicht zur externen Veröffentlichung·v1.2·Owner: Design Experience Lead
pattern_whitepaper · asset_whitepaper

Lang-Form. Regulatorisch belastbar. Zwei Dateien.

Der Whitepaper ist Spherity's lang-formatiges Download-Format für Regulatorik-Briefings und Use-Case-Deep-Dives, verlinkt von spherity.com/resources/whitepaper. Anders als der One-Pager ist er kein einzelnes Blatt, sondern eine Komposition aus Cover, Executive Summary, Inhaltsverzeichnis, Kapiteln und Appendix — und der einzige Marketing-Asset-Typ mit zwingender CMO-Freigabe, unabhängig vom Thema.

Quellenlage (Knowledge Distillation, wie in asset_whitepaper benannt): Cover-Register und Freigabe-Pfad sind zitiert aus system.md §11.8.5.3 (Marketing-Sales Visual Register) und §11.10.2/§11.10.4 (Canva-Master-Template- und Approver-Tabelle). Für die Innen-Seiten-Komposition gibt es keine eigene §-nummerierte Quelle wie beim One-Pager (§21) — sie folgt stattdessen pattern_whitepaper (RFC-0005 Editorial Components) und dem kompilierten whitepaper_layout_config. Diese Seite macht diese Lücke sichtbar, statt sie stillschweigend zu füllen.

Seitenfolge

pattern_whitepaper · Composition

Acht Editorial Components in fester Reihenfolge — vier davon sind neu gegenüber dem One-Pager (component_cover, component_toc, component_chapter_divider, component_table), der Rest wird wiederverwendet: component_hero jetzt als laufender Fortsetzungs-Header statt Öffner, component_feature_block, component_cta und component_footer (Light-Variante) unverändert.

Cover→ Executive Summary→ Contents (TOC)→ Chapter Divider→ Feature Section ×n→ Appendix + References→ CTA (optional)→ Footer (Light, jede Seite)

Fortsetzungsseiten tragen zusätzlich einen kleinen Running Header (Logo + Label) — hier verdient sich die Hero-Komponente ihren Platz im Whitepaper, nicht als Öffner wie im One-Pager, sondern als wiederkehrende Kopfzeile.

Beispiel-Instanz (real, kein Mockup): assets/PQC_Whitepaper.pdf — „Quantum-Based Cryptography Market Breakdown", die in pattern_whitepapers Evidence-Abschnitt zitierte gebaute Instanz. 19 Seiten: Cover → Executive Summary → Chapters → References → AI Disclosure (Seite 19, ergänzt 2026-08-17 — das Cover nutzt ein AI-generiertes Hintergrundbild, das zuvor ohne Kennzeichnung war). Design- und Accessibility-Reviews unter Marketing/PQC-Whitepaper/.

Cover · Vollseite Dark

component_cover · A4 Hochformat
Whitepaper

Battery-DPP-Compliance: Was ESPR für Hersteller bedeutet.

Ein regulatorischer Leitfaden für Batteriehersteller ab Februar 2027.
August 2026 · Julia Celiker · v1.0
spherity.com
Logo
Spherity-Logo weißlinks oben, Margin-Top 20 mm.
Eyebrow
Mono, 9 pt, CyanUPPERCASE — „WHITEPAPER" oder „TECHNICAL BRIEF".
Titel
Display 40 pt / 700weiß, max. 3 Zeilen. Vertikal zentriert im Titel-Block.
Subline
Heading 3, white-70max. 1 Zeile.
Meta + Website
Fest unten, Margin-Bottom 24 mm„Monat Jahr · Autor · Version" · darunter spherity.com in Cyan Mono.

Varianten: Dark (Standard) — volle Petrol-Fläche. Dark with Image (Premium) — dunkles Tech-Hintergrundbild (Nodes, Dashboard) mit ≥ 60 % Petrol-Overlay, gleiche Slot-Struktur. Product-Specific (VERA/EIDA/…) — Eyebrow- und Chapter-Divider-Cyan durch den Sub-Brand-Akzent ersetzt, niemals zwei Sub-Brand-Akzente auf demselben Cover. Ein korporates Whitepaper ohne Produktbezug ist ein valider Regelfall — nicht mit Sub-Brand-Akzent, sondern der primären Spherity-Marke.

Content-Seite · Running Header + Feature Section

component_doc_feature_section
S Battery-DPP-Compliance…

Was die EU-Batterieverordnung 2023/1542 verlangt

Pflichtfelder pro Battery-Pack

02
FeldPflicht abQuelle
Carbon FootprintFeb 2027Art. 7
Recyclat-AnteilFeb 2028Art. 8
Running Header
12 mm hochtransparent, Hairline-Divider unten. Links Petrol-Logo (50 % Größe), rechts Dokumenttitel Mono 9 pt, truncated.
Section
Label · Titel · BodyMono-Label Cyan uppercase, H2 22 pt Petrol, Fließtext max-width 72ch.
Feature Block
8/12 Text + 4/12 Bildghosted Section-Number in Cyan auf dem Bild-Tile — Bildseite alternierend von Block zu Block.
Data Table
Header Petrol/weißAlt-Rows hellgrau, Cell-Padding 3 mm, Hairline-Border.
Footer (Light)
10 mm, Hairline obenLogo links · Copyright Mitte · „Page X of Y" rechts — auf jeder Content-Seite, nicht nur der letzten.

Format & Grid

whitepaper_layout_config §3
EigenschaftWert
FormatA4 Hochformat 210 × 297 mm (595 × 842 pt)
Margins (Body)Top 20 mm · Bottom 24 mm (Footer-Platz) · Links/Rechts 24 mm
Content Width162 mm · max. ~72 Zeichen Zeilenlänge im Fließtext
Grid12-Spalten, 4 mm Gutter — Fließtext Spalte 1–8, Side Note Spalte 9–12
Section Rhythm24 mm zwischen Sections · 10 mm zwischen Blocks · 6 mm zwischen Cards (Section-Gap ≥ 3× Card-Gap)
Base Unit4 mm — alle Spacing-Werte sind Vielfache davon
DeliveryPDF + editierbare Quelldatei (.docx) immer zusammen — nie nur die Quelldatei. Fonts eingebettet, damit kein Fallback-Font entsteht.

Typografie-Hierarchie

whitepaper_layout_config §2 · nie Stufen überspringen
RolleGröße / WeightEinsatz
Display40 pt / 700Cover-Titel
Heading 128 pt / 700Kapitel-Titel auf Chapter Divider
Heading 222 pt / 700Section-Heading im Body
Heading 317 pt / 600Unter-Section, Feature-Block-Titel
Heading 414 pt / 600Card-Titel, Key-Message-Item
Reading Body11 pt / 400 · LH 1.65Fließtext (Comfort-Priorität)
Support Body10 pt / 400Captions, Footer, Footnotes, Tabellen
Label / Mono9 pt / 500Eyebrows, IDs — immer UPPERCASE, letter-spacing: 0.08em

Zwei Schriften, nie eine dritte: Archivo (Headlines, Body, Navigation) und IBM Plex Mono (Eyebrows, Hashes, Kapitel-Nummer, technische IDs). Bold-Phrasing im Fließtext: max. 2–3 Key Terms pro Absatz.

Farb-Tokens

whitepaper_layout_config §1
Petrol Dark#023852 — Header, Cover, Chapter Divider
Deepest Petrol#0F1F2A — Executive-Summary-Card
Cyan Accent#2BFEBB — nur Fokuspunkte, ≤10 %
CARO#1F6F8B
VERA#2C6F7B
EIDA#4961A8
KYLE#4D5B6A
Surface#FAFAFA — Body-Hintergrund
Surface Grey#EEEEEE — Alt-Row, Key-Card
Text Base#1A2B35 — Fließtext
Success#079455
Critical#B62549

Regeln: Cyan niemals als Flächenfarbe oder Fließtext — nur CTA-Button, dünne Regel, ghosted Section-Number, große Kapitel-Nummer auf Dark-BG (das ist explizit erlaubt, der Anti-Pattern gilt für Flächen-Cyan, nicht für große Akzent-Zahlen). Zwei Sub-Brand-Akzente niemals auf derselben Seite.

Aufgelöst (2026-08-17, role_design_experience_lead): whitepaper_layout_config führte CARO/EIDA/KYLE bis v1.0 mit abweichenden Werten (#5B6B7A / #3B5BA5 / #4A5568) und markierte CARO/KYLE dort selbst als „kein offizieller Token, Fallback" — Letzterer kollidierte zudem mit --color-text-muted. In whitepaper_layout_config v1.1 auf die kanonischen Sub-Brand-Tokens aus pattern_one_pager/onepager_layout_config vereinheitlicht (#1F6F8B / #4961A8 / #4D5B6A, oben in den Swatches bereits verwendet). Siehe whitepaper_pipeline Changelog 1.1.

Pflicht-Elemente

whitepaper_layout_config §5–§7
ElementWoFormat
SeitenzahlFooter rechts„Page 3 of 18" — nicht nur „3". Cover und Chapter Divider ohne Seitenzahl, zählen aber mit. Erste Body-Seite nach dem Cover beginnt die Zählung.
QR-CodeCover (optional) · letzte Seite · CTA-Block20 × 20 mm, Error-Correction Level H, min. 4 mm Quiet Zone, immer Petrol auf Weiß — niemals Cyan-QR.
Legal DisclaimerLetzte Seite oder Cover-RückseiteSupport Body 10 pt, DE/EN-Standardtext + „© {Jahr} Spherity GmbH · Dortmund".
Spelling-&-Grammar-CheckVor Export (Delivery-Schritt, kein Component)Sprache (EN/DE) erkennen, optional US/British-Style-Guide. Export erst nach Bestätigung.
AI DisclosureEigener Abschnitt, letzte Seite (Colophon)Pflicht nach EU AI Act Art. 50 + POL-0047, sobald ein Cover-/Kapitel-Bild AI-generiert ist oder der Text ohne substanzielle menschliche Redaktion entstand. Freigegebener Text (DE/EN) in POL-0047 §7 — nie nur im Bild-Alt-Text, nie unter 10 pt.

Freigabe & Eskalation

asset_whitepaper · system.md §11.10.4

Unconditional CMO-Gate

Anders als beim One-Pager (approval nach Instanz variabel) nennt die Canva-Approver-Tabelle „Whitepaper / Investor / Press-Asset" gemeinsam mit Design-Lead + CMO-Sign-off — auf jeder Whitepaper-Instanz, nicht nur bei investor-facing Themen. Das Thema „wirkt routine" ist keine Ausnahme.

Rollen: role_design_experience_lead reviewt, role_cmo gibt frei.

STATUS: Entwurf — Freigabe erforderlich · NEXT STEP: Review Design Experience Lead → Freigabe CMO

Don'ts

whitepaper_layout_config §9 · Anti-Pattern-Checklist

Verboten im Whitepaper