Kevin Adametz
00796a35d5
Konsolidierter, bereinigter Stand der Wissensbasis (docs/). Frischer Wurzel-Commit, um urheberrechtlich problematische Volltexte aus der Historie zu entfernen (die bisherige Historie bestand aus einem einzigen Initial-Commit). Enthaltene Änderungen (vgl. docs/_Steuerung/CHANGELOG.md, 2026-05-29): - Copyright-Hygiene: 25 Volltext-/Übersetzungsdateien (Sharp 14 Kap., Wala 11 Kap.) entfernt; je Quelle _Fundstellen-Index.md als Provenienzbeleg; Quellnachweise + Steuerungsdateien angepasst. - Konsistenz-Korrekturen: Reichweite 000-013 (Scorecard-Regeln), Rule-ID MW-WK-DIFF-101, Quellnachweis-Dateiverweis, Dok.000 v2.0.2. - Dateinamen-Normalisierung: Startdatei ohne Leerzeichen. Originale (Wala/Sharp E-Books) privat außerhalb des Repos archiviert. Co-authored-by: Cursor <cursoragent@cursor.com>
317 lines
12 KiB
HTML
317 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-theme="monolith">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
|
|
/>
|
|
<title>Das Manifest · MARKE MACHT</title>
|
|
<meta
|
|
name="description"
|
|
content="Warum Marke kein Marketingthema ist. Vier Konsequenzen einer tragfähigen Marke: Erklärbarkeit, Konsistenz, Unabhängigkeit, Vererbbarkeit."
|
|
/>
|
|
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:site_name" content="MARKE MACHT" />
|
|
<meta property="og:title" content="Das Manifest · MARKE MACHT" />
|
|
<meta
|
|
property="og:description"
|
|
content="Marke ist nicht Design. Marke ist nicht Marketing. Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären."
|
|
/>
|
|
<meta property="og:url" content="https://markemacht.de/manifest.html" />
|
|
<meta property="og:locale" content="de_DE" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta
|
|
name="theme-color"
|
|
content="#0A0A0A"
|
|
media="(prefers-color-scheme: dark)"
|
|
/>
|
|
<meta
|
|
name="theme-color"
|
|
content="#FBFAF2"
|
|
media="(prefers-color-scheme: light)"
|
|
/>
|
|
|
|
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
|
|
<link rel="canonical" href="https://markemacht.de/manifest.html" />
|
|
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var v = localStorage.getItem("mm-wirkung");
|
|
if (v !== "monolith" && v !== "editorial") v = "monolith";
|
|
document.documentElement.setAttribute("data-theme", v);
|
|
} catch (_) {}
|
|
})();
|
|
</script>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..800;1,6..72,300..800&family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300..800&family=Plus+Jakarta+Sans:wght@400..700&family=Space+Grotesk:wght@400..600&family=Work+Sans:wght@300..600&display=swap"
|
|
/>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap"
|
|
/>
|
|
|
|
<link rel="stylesheet" href="./assets/css/app.css" />
|
|
</head>
|
|
<body>
|
|
<nav class="nav" aria-label="Hauptnavigation">
|
|
<div class="nav-inner">
|
|
<a class="nav-brand" href="./index.html">MARKE MACHT</a>
|
|
|
|
<div class="nav-links">
|
|
<a class="nav-link" href="./index.html">Start</a>
|
|
<a class="nav-link is-active" href="./manifest.html">Manifest</a>
|
|
<a class="nav-link" href="./methode.html">Methode</a>
|
|
<a class="nav-link" href="./denken.html">Denken</a>
|
|
</div>
|
|
|
|
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
|
<span class="wirkung-label">Wirkung:</span>
|
|
<button
|
|
type="button"
|
|
class="wirkung-option"
|
|
data-wirkung="monolith"
|
|
aria-pressed="true"
|
|
>
|
|
monolithisch
|
|
</button>
|
|
<span class="wirkung-sep" aria-hidden="true">·</span>
|
|
<button
|
|
type="button"
|
|
class="wirkung-option"
|
|
data-wirkung="editorial"
|
|
aria-pressed="false"
|
|
>
|
|
editorial
|
|
</button>
|
|
</div>
|
|
|
|
<a class="nav-cta" href="./methode.html#audit">Audit anfragen</a>
|
|
|
|
<button
|
|
class="menu-btn"
|
|
data-drawer-open
|
|
aria-label="Menü öffnen"
|
|
aria-controls="mobile-drawer"
|
|
aria-expanded="false"
|
|
>
|
|
<span class="material-symbols-outlined" aria-hidden="true">menu</span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<aside
|
|
id="mobile-drawer"
|
|
class="mobile-drawer"
|
|
data-mobile-drawer
|
|
aria-hidden="true"
|
|
aria-label="Mobile Navigation"
|
|
>
|
|
<div class="mobile-drawer-head">
|
|
<span class="nav-brand">MARKE MACHT</span>
|
|
<button class="menu-btn" data-drawer-close aria-label="Menü schließen">
|
|
<span class="material-symbols-outlined" aria-hidden="true"
|
|
>close</span
|
|
>
|
|
</button>
|
|
</div>
|
|
<nav class="mobile-drawer-links" aria-label="Mobile Hauptnavigation">
|
|
<a class="mobile-drawer-link" href="./index.html">Start</a>
|
|
<a class="mobile-drawer-link is-active" href="./manifest.html"
|
|
>Manifest</a
|
|
>
|
|
<a class="mobile-drawer-link" href="./methode.html">Methode</a>
|
|
<a class="mobile-drawer-link" href="./denken.html">Denken</a>
|
|
</nav>
|
|
<div class="mobile-drawer-footer">
|
|
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
|
<span class="wirkung-label">Wirkung:</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="monolith">
|
|
monolithisch
|
|
</button>
|
|
<span class="wirkung-sep" aria-hidden="true">·</span>
|
|
<button type="button" class="wirkung-option" data-wirkung="editorial">
|
|
editorial
|
|
</button>
|
|
</div>
|
|
<a class="link-arrow" href="./methode.html#audit">
|
|
Audit anfragen
|
|
<span class="material-symbols-outlined" aria-hidden="true"
|
|
>arrow_forward</span
|
|
>
|
|
</a>
|
|
</div>
|
|
</aside>
|
|
|
|
<main id="main">
|
|
<!-- Hero mit Texture-Keyvisual -->
|
|
<header class="hero">
|
|
<div class="hero-keyvisual" aria-hidden="true">
|
|
<div class="monolith monolith--texture"></div>
|
|
</div>
|
|
|
|
<div class="shell grid-12 hero-grid">
|
|
<div class="col-12 stack-24" data-reveal>
|
|
<span class="meta">[00] Das Manifest</span>
|
|
<h1 class="hero-headline" style="max-width: 18ch">
|
|
Warum Marke kein Marketingthema ist.
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Einleitung -->
|
|
<section class="section-tight">
|
|
<div class="shell grid-12 items-start">
|
|
<div class="col-12 stack-32 max-wide" data-reveal>
|
|
<span class="meta">[01] Einleitung</span>
|
|
<p class="editorial" style="color: rgb(var(--color-text-primary))">
|
|
In den meisten Unternehmen wird »Marke« als eine Disziplin der
|
|
Kommunikation verstanden. Ein Logo, ein Slogan, eine Kampagne. Das
|
|
ist ein fataler Irrtum, der tiefgreifende strukturelle Schwächen
|
|
maskiert.
|
|
</p>
|
|
<p class="body-text max-prose">
|
|
Wenn Marke lediglich als kosmetische Hülle für das Marketing
|
|
operiert, verliert sie ihre eigentliche Funktion: Orientierung zu
|
|
geben. Für Mitarbeiter, für Kunden, für den Markt. Eine echte
|
|
Marke ist ein Management-Instrument. Sie definiert die DNA, an der
|
|
sich jede Entscheidung, jedes Produkt und jede Handlung messen
|
|
lassen muss. Sie ist das Fundament, nicht der Anstrich.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Zentrale These -->
|
|
<section class="quote-block" data-reveal>
|
|
<div class="shell">
|
|
<div class="quote-wrap">
|
|
<span class="quote-mark" aria-hidden="true">“</span>
|
|
<blockquote class="quote">
|
|
Marke ist nicht Design. Marke ist nicht Marketing.<br />
|
|
<span class="quote-dim"
|
|
>Marke ist die Fähigkeit eines Unternehmens, sich selbst
|
|
eindeutig zu erklären.</span
|
|
>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Was das bedeutet -->
|
|
<section class="section">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[02] Was das konkret bedeutet</span>
|
|
</div>
|
|
<div class="col-12 stack-48" data-reveal>
|
|
<h2 class="section-headline" style="max-width: 18ch">
|
|
Vier Konsequenzen einer tragfähigen Marke.
|
|
</h2>
|
|
|
|
<div class="grid-12">
|
|
<article class="card stack-16 col-12 md:col-5" data-reveal>
|
|
<span class="meta accent">[01] Erklärbarkeit</span>
|
|
<h3 class="sub-headline">Reduktion auf das Wesentliche.</h3>
|
|
<p class="body-text">
|
|
Ein Unternehmen, das nicht in drei klaren Sätzen artikulieren
|
|
kann, warum es existiert und für wen es unverzichtbar ist,
|
|
leidet nicht an einem Kommunikationsproblem. Es leidet an
|
|
einem Strategieproblem. Die Marke erzwingt diese Reduktion auf
|
|
das Wesentliche.
|
|
</p>
|
|
</article>
|
|
|
|
<article
|
|
class="card stack-16 col-12 md:col-5 md:col-start-7"
|
|
data-reveal
|
|
data-reveal-delay="80"
|
|
>
|
|
<span class="meta accent">[02] Konsistenz</span>
|
|
<h3 class="sub-headline">Eine gemeinsame Logik.</h3>
|
|
<p class="body-text">
|
|
Konsistenz bedeutet nicht, überall das gleiche Logo zu
|
|
platzieren. Es bedeutet, dass das Verhalten des Unternehmens,
|
|
die Produktqualität, der Service und die Kommunikation einer
|
|
gemeinsamen, unerschütterlichen Logik folgen. Abweichungen
|
|
werden als Brüche wahrgenommen.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card stack-16 col-12 md:col-5" data-reveal>
|
|
<span class="meta accent">[03] Unabhängigkeit</span>
|
|
<h3 class="sub-headline">Eigener Gravitationsbereich.</h3>
|
|
<p class="body-text">
|
|
Eine strukturell verankerte Marke macht ein Unternehmen
|
|
unabhängig von kurzfristigen Markttrends und
|
|
Marketing-Gimmicks. Sie schafft einen eigenen
|
|
Gravitationsbereich, der Kunden anzieht, anstatt ihnen
|
|
hinterherjagen zu müssen.
|
|
</p>
|
|
</article>
|
|
|
|
<article
|
|
class="card stack-16 col-12 md:col-5 md:col-start-7"
|
|
data-reveal
|
|
data-reveal-delay="80"
|
|
>
|
|
<span class="meta accent">[04] Vererbbarkeit</span>
|
|
<h3 class="sub-headline">Identität als Betriebssystem.</h3>
|
|
<p class="body-text">
|
|
Wissen, Prozesse und Kultur müssen skalierbar sein. Eine
|
|
sauber definierte Marke funktioniert wie ein Betriebssystem,
|
|
das neue Mitarbeiter sofort verstehen und anwenden können. Sie
|
|
sichert die Identität über Generationen von Produkten und
|
|
Mitarbeitern hinweg.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Überleitung -->
|
|
<section class="section">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 md:col-8 card stack-32" data-reveal>
|
|
<h2 class="editorial" style="color: rgb(var(--color-text-primary))">
|
|
Wenn Marke ein Strukturproblem ist, braucht es eine Methode, um
|
|
sie zu bauen.
|
|
</h2>
|
|
<div>
|
|
<a class="link-arrow" href="./methode.html">
|
|
Die Methode verstehen
|
|
<span class="material-symbols-outlined" aria-hidden="true"
|
|
>arrow_forward</span
|
|
>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-inner">
|
|
<div class="footer-meta">
|
|
<p class="footer-copy">© MARKE MACHT · Denkraum für Unternehmer</p>
|
|
<p class="footer-note">Keine Cookies, kein Tracking.</p>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a class="footer-link" href="#">Impressum</a>
|
|
<a class="footer-link" href="#">Datenschutz</a>
|
|
<a class="footer-link" href="#">Kontakt</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="./assets/js/app.js" defer></script>
|
|
</body>
|
|
</html>
|