271 lines
12 KiB
HTML
271 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>Die Methode · MARKE MACHT</title>
|
|
<meta name="description" content="Brand Engineering. Keine kreative Spielerei, sondern architektonische Konstruktion. Fünf Bausteine der Marken-DNA." />
|
|
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:site_name" content="MARKE MACHT" />
|
|
<meta property="og:title" content="Die Methode · Brand Engineering" />
|
|
<meta property="og:description" content="Marken werden nicht gefunden. Sie werden konstruiert. Ein System aus Logik, nicht aus Bauchgefühl." />
|
|
<meta property="og:url" content="https://markemacht.de/methode.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/methode.html" />
|
|
|
|
<script>
|
|
(function () {
|
|
var key = 'mm-wirkung';
|
|
var valid = ['monolith', 'editorial'];
|
|
var v = null;
|
|
try { v = localStorage.getItem(key); } catch (_) {}
|
|
if (valid.indexOf(v) === -1) {
|
|
try {
|
|
var match = document.cookie.match(new RegExp('(?:^|; )' + key + '=([^;]*)'));
|
|
v = match ? decodeURIComponent(match[1]) : null;
|
|
} catch (_) {}
|
|
}
|
|
if (valid.indexOf(v) === -1) v = 'monolith';
|
|
document.documentElement.setAttribute('data-theme', v);
|
|
})();
|
|
</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>
|
|
|
|
<div data-site-header></div>
|
|
|
|
<main id="main">
|
|
<!-- Hero -->
|
|
<header class="hero">
|
|
<div class="hero-keyvisual" aria-hidden="true">
|
|
<div class="monolith monolith--edge"></div>
|
|
</div>
|
|
|
|
<div class="shell grid-12 hero-grid">
|
|
<div class="col-12 stack-24" data-reveal>
|
|
<span class="meta">[01] Die Methode</span>
|
|
<h1 class="hero-headline" style="max-width: 14ch;">
|
|
Brand Engineering.
|
|
</h1>
|
|
<p class="lead dim max-wide">
|
|
Keine kreative Spielerei, sondern architektonische Konstruktion. Wir ersetzen das Raten durch Systematik und bauen Fundamente, die Lasten tragen.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Haltung -->
|
|
<section class="section section-border-top">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[02] Haltung</span>
|
|
</div>
|
|
|
|
<div class="col-12 stack-48">
|
|
<article class="stack-16 max-prose" data-reveal>
|
|
<h3 class="sub-headline">Gebaut.</h3>
|
|
<p class="body-text">
|
|
Marken werden nicht in Workshops »gefunden« oder »entwickelt«. Sie werden aus harten unternehmerischen Wahrheiten konstruiert. Ein System aus Logik, nicht aus Bauchgefühl.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="stack-16 max-prose" data-reveal>
|
|
<h3 class="sub-headline">Dokumentiert.</h3>
|
|
<p class="body-text">
|
|
Was nicht aufgeschrieben ist, existiert nicht. Wir verwandeln implizites Gründerwissen in explizite Regelwerke. Gefühlte Identität wird zu greifbarem Code.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="stack-16 max-prose" data-reveal>
|
|
<h3 class="sub-headline">Nutzbar.</h3>
|
|
<p class="body-text">
|
|
Das Ziel ist nicht die hübsche Präsentation in der Schublade, sondern das funktionale Werkzeug für den Alltag. Entscheidungsfilter statt Bilderbuch.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Editorial Split: Von der Theorie zur Praxis -->
|
|
<section class="section section-border-top">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[03] Übergang</span>
|
|
</div>
|
|
<div class="col-12" data-reveal>
|
|
<div class="split">
|
|
<div class="split-visual" aria-hidden="true"></div>
|
|
<div class="stack-24">
|
|
<h2 class="section-headline">Von der Theorie zur Praxis.</h2>
|
|
<p class="lead" style="color: rgb(var(--color-text-primary));">
|
|
Eine Strategie wirkt erst, wenn sie anwendbar wird. Der Übergang von der Definition zur dokumentierten Regel sorgt dafür, dass Entscheidungen begründet sind — jeden Tag, nicht nur im Strategiepapier.
|
|
</p>
|
|
<div>
|
|
<a class="link-arrow" href="./manifest.html">
|
|
Manifest lesen
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Marken-DNA -->
|
|
<section class="section section-border-top">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[04] Die Marken-DNA</span>
|
|
</div>
|
|
<div class="col-12 stack-48" data-reveal>
|
|
<h2 class="section-headline" style="max-width: 16ch;">Fünf Bausteine.</h2>
|
|
|
|
<div class="stack-16">
|
|
<article class="card dna-item stack-16" data-reveal>
|
|
<span class="meta accent">[01]</span>
|
|
<h3 class="sub-headline">Identitätskern</h3>
|
|
<p class="body-text max-prose">
|
|
Die unverhandelbare Essenz. Wer sind Sie, wenn alle Produkte und Services wegfallen? Der Ursprung jeder unternehmerischen Handlung und Haltung.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card dna-item stack-16" data-reveal>
|
|
<span class="meta accent">[02]</span>
|
|
<h3 class="sub-headline">Positionierungslogik</h3>
|
|
<p class="body-text max-prose">
|
|
Die geometrische Verortung im Markt. Kein »wir sind die Besten«, sondern ein klares Koordinatensystem aus Relevanz, Differenzierung und Beweisführung.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card dna-item stack-16" data-reveal>
|
|
<span class="meta accent">[03]</span>
|
|
<h3 class="sub-headline">Sprachregeln</h3>
|
|
<p class="body-text max-prose">
|
|
Das verbale Betriebssystem. Ein präziser Code aus erlaubten Vokabeln, verbotenen Phrasen und tonaler Härte. Text als Architektur, nicht als Dekoration.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card dna-item stack-16" data-reveal>
|
|
<span class="meta accent">[04]</span>
|
|
<h3 class="sub-headline">Themenrahmen</h3>
|
|
<p class="body-text max-prose">
|
|
Die inhaltlichen Grenzen. Worüber sprechen wir? Wichtiger noch: Worüber schweigen wir konsequent? Fokus durch systematische Exklusion.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card dna-item stack-16" data-reveal>
|
|
<span class="meta accent">[05]</span>
|
|
<h3 class="sub-headline">Grenzregeln</h3>
|
|
<p class="body-text max-prose">
|
|
Der rote Bereich. Die exakte Definition dessen, was die Marke zerstört. Leitplanken für schnelle, sichere Entscheidungen im operativen Alltag.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Der Architekt -->
|
|
<section class="section section-border-top">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[05] Der Architekt</span>
|
|
</div>
|
|
<div class="col-12 stack-24" data-reveal>
|
|
<h2 class="section-headline">Kevin Adametz.</h2>
|
|
<span class="meta accent">Methodischer Urheber</span>
|
|
<p class="body-text max-prose">
|
|
Strukturiert Chaos. Transformiert diffuse Firmenkulturen in nutzbare Systeme. Berät mittelständische Unternehmer an der Schnittstelle von Identität, Strategie und knallharter Umsetzung. Keine Show, nur Fundamente. adametz.media ist die Quelle dieser Methode.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Das System -->
|
|
<section class="section section-border-top">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[06] Das System</span>
|
|
</div>
|
|
<div class="col-12 stack-48" data-reveal>
|
|
<div class="stack-24 max-wide">
|
|
<h2 class="section-headline" style="max-width: 16ch;">Klarheit lässt sich bauen.</h2>
|
|
<p class="lead dim max-prose">
|
|
Klarheit wird nicht einmal erzeugt und dann vergessen. Sie wird hergestellt, gesichert und nutzbar gehalten — auf drei Ebenen.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="symptoms system-cards">
|
|
<article class="card stack-16" data-reveal>
|
|
<span class="meta accent">Ebene 1</span>
|
|
<h3 class="sub-headline">Der Denkraum · markemacht.de</h3>
|
|
<p class="body-text">
|
|
Hier wird das Problem verstanden, bevor etwas gebaut wird. Sie sind gerade darin.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card stack-16" data-reveal data-reveal-delay="80">
|
|
<span class="meta accent">Ebene 2</span>
|
|
<h3 class="sub-headline">Die Quelle · adametz.media</h3>
|
|
<p class="body-text">
|
|
Hier wird Klarheit hergestellt. Kevin Adametz übersetzt unternehmerische Wahrheit in eine dokumentierte Marken-DNA.
|
|
</p>
|
|
</article>
|
|
|
|
<article class="card card-accent-border stack-16" data-reveal data-reveal-delay="160">
|
|
<span class="meta accent">Ebene 3</span>
|
|
<h3 class="sub-headline">Die Infrastruktur · Brand Rules</h3>
|
|
<span class="tag">in Entwicklung</span>
|
|
<p class="body-text">
|
|
Hier wird Klarheit dauerhaft nutzbar: ein Regelwerk, das die Marken-DNA speichert, damit Wissen nicht an Personen hängt und auch KI regelbasiert statt generisch arbeitet.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
|
|
<blockquote class="editorial comment signal-quote">
|
|
Aber nur, wenn man sie ernst nimmt.
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Audit CTA -->
|
|
<section class="section section-border-top" id="audit">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-16" data-reveal>
|
|
<span class="meta">[07] Audit</span>
|
|
</div>
|
|
<div class="col-12 card stack-32" style="padding: clamp(40px, 6vw, 96px);" data-reveal>
|
|
<h2 class="section-headline" style="max-width: 18ch;">Systemstatus prüfen.</h2>
|
|
<p class="lead dim max-prose">
|
|
Das Marken-Klarheits-Audit. Eine schonungslose Diagnose Ihres aktuellen Status Quo. Wir finden die Risse im Fundament, bevor sie strukturell werden.
|
|
</p>
|
|
<div>
|
|
<a class="btn" href="./audit.html">
|
|
Audit Details & Anfrage
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<div data-site-footer></div>
|
|
|
|
<script src="./assets/js/app.js" defer></script>
|
|
</body>
|
|
</html>
|