187 lines
8 KiB
HTML
187 lines
8 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>MARKE MACHT · Denkraum für Unternehmer</title>
|
|
<meta name="description" content="Wenn Sie Ihr Unternehmen nicht erklären können, haben Sie kein Marketingproblem. Sie haben ein Markenproblem. Denkraum für Unternehmer im Mittelstand." />
|
|
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="MARKE MACHT" />
|
|
<meta property="og:title" content="MARKE MACHT · Denkraum für Unternehmer" />
|
|
<meta property="og:description" content="Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären." />
|
|
<meta property="og:url" content="https://markemacht.de/" />
|
|
<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/" />
|
|
|
|
<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"></div>
|
|
</div>
|
|
|
|
<div class="shell hero-grid grid-12">
|
|
<div class="col-12" data-reveal>
|
|
<div class="stack-32">
|
|
<span class="meta">[00] Denkraum · markemacht.de</span>
|
|
<h1 class="hero-headline" style="max-width: 16ch;">
|
|
Wenn Sie Ihr Unternehmen nicht erklären können, haben Sie kein <span class="accent">Marketingproblem</span>.
|
|
</h1>
|
|
<p class="lead dim" style="max-width: 28ch;">
|
|
Sondern ein Markenproblem.
|
|
</p>
|
|
<div class="btn-row">
|
|
<a class="btn" href="#symptome">
|
|
Warum das so ist
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_downward</span>
|
|
</a>
|
|
<a class="btn btn-ghost" href="./manifest.html">
|
|
Manifest lesen
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Symptome -->
|
|
<section class="section" id="symptome" style="background: rgb(var(--color-bg-surface));">
|
|
<div class="shell grid-12">
|
|
<div class="col-12 stack-48" data-reveal>
|
|
<div class="stack-16">
|
|
<span class="meta">[01] Diagnose</span>
|
|
<h2 class="section-headline" style="max-width: 20ch;">
|
|
Drei Anzeichen, dass Ihr Unternehmen sprachlich handlungsunfähig ist.
|
|
</h2>
|
|
</div>
|
|
|
|
<!-- CHG-03: ein Layout für beide Wirkungen (3 Spalten, 01 → 02 → 03) -->
|
|
<div class="symptoms">
|
|
<article class="card" data-reveal>
|
|
<span class="tag">Symptom 01</span>
|
|
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Jeder erklärt anders.</h3>
|
|
<p class="body-text">
|
|
Wenn drei Geschäftsführer drei unterschiedliche Antworten auf die Frage nach dem Kernangebot geben, fehlt das strategische Fundament. Die Folge: Verzettelung im Vertrieb.
|
|
</p>
|
|
</article>
|
|
<article class="card" data-reveal data-reveal-delay="80">
|
|
<span class="tag">Symptom 02</span>
|
|
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Kommunikation hängt an Personen.</h3>
|
|
<p class="body-text">
|
|
Das Wissen über den Wert des Unternehmens existiert nur in den Köpfen weniger Experten. Es gibt kein dokumentiertes Regelwerk für neue Mitarbeiter oder Agenturen.
|
|
</p>
|
|
</article>
|
|
<article class="card card-accent-border" data-reveal data-reveal-delay="160">
|
|
<span class="tag">Symptom 03</span>
|
|
<h3 class="sub-headline" style="margin-top: 16px; margin-bottom: 12px;">Mehr Content, weniger Wirkung.</h3>
|
|
<p class="body-text">
|
|
Marketing produziert blindlings Material, das keine Haltung vermittelt. Die Lautstärke wird erhöht, weil die Substanz fehlt.
|
|
</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Quote -->
|
|
<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 kein Gefühl.<br />
|
|
<span class="quote-dim">Marke ist ein Regelwerk.</span>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Kernthese -->
|
|
<section class="section" style="background: rgb(var(--color-bg-surface));">
|
|
<div class="shell grid-12">
|
|
<div class="col-12" data-reveal>
|
|
<span class="meta">[02] Kernthese</span>
|
|
</div>
|
|
<div class="col-12 stack-32" data-reveal>
|
|
<h2 class="section-headline" style="max-width: 18ch;">
|
|
Textklarheit erzwingt Denkklarheit.
|
|
</h2>
|
|
<div class="stack-24 max-prose">
|
|
<p class="body-text">
|
|
Die meisten Markenprojekte scheitern, weil sie mit Farben und Logos beginnen. Sie verwechseln Dekoration mit Identität. Klarheit kommt vor Gestaltung.
|
|
</p>
|
|
<p class="body-text">
|
|
Bevor etwas gestaltet wird, muss es präzise formuliert sein. Ein Monolith aus Sprache, der nicht wackelt, wenn Trends wechseln.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<a class="link-arrow" href="./manifest.html">
|
|
Das Manifest lesen
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="section text-center" id="audit">
|
|
<div class="shell flex-col items-center stack-32" data-reveal>
|
|
<span class="meta">[03] Der nächste Schritt</span>
|
|
<h2 class="section-headline" style="max-width: 20ch;">
|
|
Bereit für Klarheit?
|
|
</h2>
|
|
<p class="lead dim max-prose">
|
|
Das Marken-Klarheits-Audit. Eine schonungslose Diagnose Ihres aktuellen Status Quo.
|
|
</p>
|
|
<div>
|
|
<a class="btn" href="./audit.html">
|
|
Audit anfragen
|
|
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div data-site-footer></div>
|
|
|
|
<script src="./assets/js/app.js" defer></script>
|
|
</body>
|
|
</html>
|