gitmedia/markemacht
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

05-06-2026 marke macht Webseite Design Inhalte
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (8.3) (push) Has been cancelled
Details
tests / ci (8.4) (push) Has been cancelled
Details
tests / ci (8.5) (push) Has been cancelled
Details

Browse source
This commit is contained in:
Kevin Adametz 2026-06-05 17:43:31 +02:00
parent 00796a35d5
commit 18216e301c
181 changed files with 12025 additions and 7941 deletions
Download patch file Download diff file Expand all files Collapse all files

152
_markemacht.de/methode.html
View file

@ -21,11 +21,18 @@
<script>
(function () {
try {
var v = localStorage.getItem('mm-wirkung');
if (v !== 'monolith' && v !== 'editorial') v = 'monolith';
document.documentElement.setAttribute('data-theme', v);
} catch (_) {}
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>
@ -38,58 +45,7 @@
</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" href="./manifest.html">Manifest</a>
<a class="nav-link is-active" 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="#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" href="./manifest.html">Manifest</a>
<a class="mobile-drawer-link is-active" 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="#audit">
Audit anfragen
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
</div>
</aside>
<div data-site-header></div>
<main id="main">
<!-- Hero -->
@ -104,7 +60,7 @@
<h1 class="hero-headline" style="max-width: 14ch;">
Brand Engineering.
</h1>
<p class="editorial dim max-wide">
<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>
@ -154,16 +110,13 @@
<div class="split-visual" aria-hidden="true"></div>
<div class="stack-24">
<h2 class="section-headline">Von der Theorie zur Praxis.</h2>
<p class="editorial" style="color: rgb(var(--color-text-primary));">
Der Übergang von der strategischen Definition zur systematischen Dokumentation stellt sicher, dass Designentscheidungen nicht willkürlich, sondern begründet sind.
</p>
<p class="body-text">
Erst die Überführung in anwendbare Werkzeuge erweckt die Marken-DNA zum Leben. Dieser dreistufige Prozess garantiert, dass die intellektuelle Tiefe der Strategie in der täglichen Umsetzung nicht verloren geht, sondern sich als konsistentes Markenerlebnis manifestiert.
<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">east</span>
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
</div>
</div>
@ -236,25 +189,73 @@
<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. Kein Bullshit, nur Fundamente.
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">[06] Audit</span>
<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="editorial dim max-prose">
<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="link-arrow" href="#">
<a class="btn" href="./audit.html">
Audit Details &amp; Anfrage
<span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span>
</a>
@ -263,20 +264,7 @@
</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>
<div data-site-footer></div>
<script src="./assets/js/app.js" defer></script>
</body>