WERK-Raum 19 · Miriam (MIR-I AM) · Stand 01.07.2026
Design-Konzept
Die Teamarchitektur
Verbindliche Token-Referenz für alle Ausgaben. Eine Palette, ein System — gilt für Ausarbeitungen, Korrespondenz, Landing Page und alles weitere.
Roter Faden: Schriftfarbe #341bca zieht sich durch alle Dokumente.
Akzente werden durch eigene Bilder gesetzt — nicht durch Farbflächen.
1 · Ein System für alles
Es gibt keine getrennten Design-Systeme. Alle Ausgaben — Ausarbeitungen, Korrespondenz-Dokumente, Landing Page, Präsentationen, Broschüren — teilen dieselbe Palette und dieselben Regeln.
Ausarbeitungen A/B/C
Basis
Persönliche Teamarchitektur-Analyse, drei Vertraulichkeitsstufen
Korrespondenz 01a – 08c
Basis
Checkliste, Meeting-Kit, Einladung, Datenschutz, Begleitschreiben
Landing Page · Broschüren
Basis
Website, CEO-Broschüre, Canva-Präsentationen, alle weiteren Outputs
2 · Schriftarten
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@400;500;600&family=Lora:ital,wght@0,400;1,400&display=swap');
Marcellus — alle Überschriften
Teamarchitektur
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Regular 400 · Immer GROSSBUCHSTABEN
Farbe: #341bca · Hintergrund: #c7d1bf (Canva) = rgba(199,209,191,0.5) (CSS)
Zeilenabstand: 1.4 · Canva: 50 pt (h1) / 39 pt (h2)
Montserrat — Fließtext, Labels, UI
Stärken erkennen,
Teams gestalten.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Regular 400 · SemiBold 600 · Bold 700
Fließtext: #1A1A1A · Zeilenabstand: 1.4 · Canva: 34 pt
Labels/Tags: SemiBold · #628673 · CAPS · letter-spacing
Lora — Fließtext in gedruckten Dokumenten (Korrespondenz, Druck-PDFs)
In diesem Bericht spiegeln sich die besonderen Stärken Ihres Teams.
„Jede Rolle trägt eine bestimmte Energie."
Regular 400 · Italic 400 · Nur für Druck-Fließtext (11 pt) und Zitate. In Screen/Canva: Montserrat.
3 · Vollständige Farbpalette
Eine einzige Palette für alle Outputs. Welche Farben in welchem Dokument im Vordergrund stehen, hängt vom Kontext ab — nicht von einem anderen System.
Weiß-Töne · Hintergründe
Elfenbein
#fffff8
Haupt-Seitenhintergrund · Kasten-Innenfarbe · Basis für alle Outputs
Warm Ivory
#F7F4EC
Seiten-Hintergrund Druckdokumente · warmer Elfenbein-Ton
Indigo · Roter Faden
Indigo
#341bca
Alle Überschriften · Roter Faden durch alle Outputs
Salbei · Überschriften-Hintergrund
Salbei (Canva)
#c7d1bf
Überschriften-Hintergrund in Canva (Vollton)
Salbei 50 % (CSS)
rgba(199,209,191,0.5)
Überschriften-Hintergrund in HTML/CSS
Salbei 20 %
rgba(199,209,191,0.2)
Blockquote-Hintergrund · dezente Fläche
Grün-Töne · Akzente & Linien
Mint-Grün
#8ccdb0
Heller Grün-Akzent · Flächen · weiche Hervorhebungen
Waldgrün 65 %
rgba(98,150,115,0.65)
Linke Kastenlinie · Blockquote-Linie
Waldgrün (voll)
#628673
Labels · Tags · Badges · Akzent-Schrift
Text & Linien
Fast-Schwarz
#1A1A1A
Fließtext
Hell-Grau
#d8d8d4
Kasten-Außenrand · dezente Linien
Bild-Akzente
Farbige Akzente entstehen durch eigene Fotos, Naturbilder oder Kartenmotive — nicht durch Farbflächen. Die Farb-Tokens bleiben identisch; das Bildmotiv setzt den Ton.
Prinzip: Indigo-Überschrift + Bild = vollständige Gestaltung. Keine zusätzlichen Schmuckfarben nötig.
[ Eigenes Foto · Kartenmotiv · Naturbild ]
4 · Typografie
Größen-Tabelle (Canva-Werte, verbindlich)
| Ebene | Schrift | Canva | CSS (px) | Stil | Farbe |
| Hauptüberschrift h1 | Marcellus | 50 pt | 66 px | CAPS · Hintergrund #c7d1bf | #341bca |
| Zwischenüberschrift h2 | Marcellus | 39 pt | 52 px | CAPS · Hintergrund #c7d1bf | #341bca |
| Fließtext Screen/Canva | Montserrat Regular | 34 pt | 45 px | linksbündig | #1A1A1A |
| Fließtext Druck | Lora Regular | — | 11 pt | justify · hyphens | #38402F |
| Labels / Tags | Montserrat SemiBold | 24–28 pt | 32–37 px | CAPS · letter-spacing | #628673 |
| Fußzeile / Meta | Montserrat Regular | 20 pt | 27 px | normal | #1A1A1A |
Zeilenabstand: Immer line-height: 1.4 · Canva→CSS: 1 pt = 1.333 px
Live-Ansicht
Die Teamarchitektur
Entwicklungsziele & Perspektiven
Fassung B · HR-Leitung · vertraulich
In diesem Bericht spiegeln sich die besonderen Stärken Ihres Teams. Jede Rolle trägt eine spezifische Qualität — sichtbar gemacht, entsteht Klarheit über Zusammenspiel und Entwicklungspotenzial.
Textkasten: rechteckig, keine Rundungen. Linke Linie rgba(98,150,115,0.65). Außenrand 1px #d8d8d4.
„Jede Rolle trägt eine bestimmte Energie — im Team zusammengedacht entsteht etwas Größeres."
5 · Kästen & Rahmen
| Regel | Wert |
|---|
| Form | Rechteckig — keine Rundungen · border-radius: 0 |
| Linke Akzentlinie | 4px solid rgba(98,150,115,0.65) |
| Außenrand | 1px solid #d8d8d4 |
| Kasten-Hintergrund | #fffff8 |
| Blockquote-Hintergrund | rgba(199,209,191,0.2) |
| Blockquote-Linie | 3px solid rgba(98,150,115,0.65) links |
| Achtung-Box Linie | 5px solid #FF5F57 links · Hintergrund #FFF0EF |
| Mint-Akzent-Box | Hintergrund #8ccdb0 (10–20 % opacity) oder als Linie |
Standard-Kasten
Inhaltskasten · Waldgrün-Linie · rechteckig · kein border-radius
Blockquote
„Sichtbar gemacht, entsteht Klarheit."
Mint-Akzent
Mint #8ccdb0 als Linie oder helle Fläche
CSS-Referenz
:root {
--bg: #fffff8;
--indigo: #341bca;
--head-bg: rgba(199,209,191,0.5); /* Canva: #c7d1bf */
--accent: rgba(98,150,115,0.65);
--green-vol: #628673;
--green-light: #8ccdb0;
--text: #1A1A1A;
--line: #d8d8d4;
}
/* h1 */
h1 { font-family: 'Marcellus', serif; font-size: 66px; /* 50 pt */
text-transform: uppercase; color: #341bca;
background: rgba(199,209,191,0.5); padding: 5px 12px;
line-height: 1.4; letter-spacing: .04em; }
/* h2 */
h2 { font-size: 52px; /* 39 pt */ /* sonst identisch */ }
/* Fließtext */
p { font-family: 'Montserrat', sans-serif; font-size: 45px; /* 34 pt */
color: #1A1A1A; text-align: left; line-height: 1.4; }
/* Kasten */
.box { border: 1px solid #d8d8d4;
border-left: 4px solid rgba(98,150,115,0.65);
border-radius: 0; background: #fffff8; padding: 12px 18px; }
/* Mint-Akzent */
.mint { border-left: 4px solid #8ccdb0;
background: rgba(140,205,176,0.12); }
/* Blockquote */
blockquote { border-left: 3px solid rgba(98,150,115,0.65);
background: rgba(199,209,191,0.2);
border-radius: 0; padding: 10px 16px;
font-style: italic; line-height: 1.4; }
/* Achtung */
.achtung { border-left: 5px solid #FF5F57;
background: #FFF0EF; border-radius: 0; }
6 · Elemente-Vorschau
Alle Kasten-Typen
Überschriften
Hauptüberschrift — 50 pt
Zwischenüberschrift — 39 pt
Fließtext & Labels
Fließtext Montserrat Regular 34 pt / Zeilenabstand 1.4 / Farbe #1A1A1A
Label · Tag · SemiBold · #628673
Kästen
Standard-Textkasten · Waldgrün-Linie links · rechteckig
Mint-Kasten #8ccdb0 · als Linie oder helle Fläche
Blockquote / Zitat · Salbei-Hintergrund · Waldgrün-Linie
⚠️ Achtung-Box · Coral-Linie · Hintergrund #FFF0EF
Druck-Fließtext (Lora)
Lora Regular · Druck-Fließtext · Farbe #38402F · 11 pt · justify
„Lora Italic für Zitate in gedruckten Dokumenten."
7 · Alle Dokumente
—
Ausarbeitungen A/B/C-Fassungen · Persönliche Analyse
—
CEO / Unternehmer-Broschüre
01a
Projekt & Ablauf (Inhaber im Team)
01b
Projekt & Ablauf (ohne Inhaber)
05
Einladung (Teilnehmende)
07
Datenschutz-Einwilligung
08a
Begleitschreiben Ausarbeitung
08b
Anschreiben Teamauswertung
8 · Geltungsbereich
Dieses System ist die alleinige Basis für alle Outputs von Die Teamarchitektur — Ausarbeitungen, Korrespondenz-Dokumente, Formulare, Landing Page, Broschüren, Präsentationen. Jeder Output wird auf dieser Grundlage generiert.