markemacht/_markemacht.de/dev/first design/manifest.html
Kevin Adametz 2a617e09cc
Some checks are pending
linter / quality (push) Waiting to run
tests / ci (8.3) (push) Waiting to run
tests / ci (8.4) (push) Waiting to run
tests / ci (8.5) (push) Waiting to run
Initial commit: Laravel-Skelett + Markenwissen-Verfassung + markemacht.de Web
Erfasst den vollständigen Projektstand mit drei Hauptbereichen:

1. Laravel 11 Application-Skelett
   - Standard-Setup (app/, bootstrap/, config/, database/, public/, resources/, routes/, storage/, tests/)
   - Composer + npm Konfiguration
   - Devcontainer für Laravel Sail (PHP/MySQL/Redis)
   - GitHub Actions Workflows (lint + tests)
   - Tailwind/Vite Build-Pipeline

2. docs/ – Wissensbasis "Marke macht." (Methodik-Verfassung)
   Stand nach Pflegerunde 2026-05-28:
   - 00_Methodik-Verfassung: Dok. 000 (v2.0.2) bis Dok. 013 (NEU) + Anhänge
   - 10_Quellen-Original: Wala, Sharp, Simon (read-only Quellen)
   - 20_Markenwissen: 25 abgeleitete MW-Dokumente (Wala_MW-WAL, Sharp_MW-HBG, Simon_MW-SIM)
   - 30_Synthese: Markenwissen_I_Synthese_Gesamt + Scorecard-Regeln
   - 40_Implementierung: 011b-Erweiterung
   - _Steuerung: 00_START_HIER, Serienübersicht, CHANGELOG.md

   Letzte methodische Eingriffe:
   - Methodik-Update v2.0 (Ownership Autorenschaft/Anwendung, Geltungsbereich Kernthese,
     Score-Ebenen DNA-Reifegrad, Preislogik Governance-Scope)
   - Dok. 013 NEU: Akquise- & Conversion-Logik (Auffahrten statt Funnel)
   - Rebranding brandwork.io → Brand Rules (brand-rules.com)
   - Schichtverletzungen behoben, Ordner-Symmetrie hergestellt, Verweise konsolidiert

3. _markemacht.de/ – Web-Frontend Design-Sandbox
   - Statische HTML-Entwürfe (Startseite, Methode, Manifest, Denken, Blog)
   - Design-System (warm_intellectualism, based_web_design)
   - Assets (CSS, JS, Favicon)

Konfiguration:
- .gitignore um .DS_Store und Thumbs.db erweitert
- Lokale Git-Identity gesetzt: Kevin Adametz <kevin.adametz@me.com>
- .env wird ignoriert (nur .env.example versioniert)

Konfliktregel: Bei Spannung zwischen Code und Methodik gilt die Methodik (Dok. 000).
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-05-28 16:01:54 +00:00

230 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manifest Warum Marke kein Marketingthema ist | Marke macht.</title>
<meta name="description" content="Der deutsche Mittelstand leidet nicht an schlechten Produkten. Er leidet an einem strukturellen Defizit: Unternehmen sind wirtschaftlich leistungsfähig, aber sprachlich handlungsunfähig.">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Source+Sans+3:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="pages.css">
</head>
<body>
<!-- Navigation -->
<nav class="nav" id="nav">
<div class="nav-container">
<a href="index.html" class="nav-logo">
<span class="logo-mark">MM</span>
</a>
<div class="nav-menu">
<a href="index.html" class="nav-link">Start</a>
<a href="manifest.html" class="nav-link active">Manifest</a>
<a href="methode.html" class="nav-link">Methode</a>
<a href="blog.html" class="nav-link">Denken</a>
<a href="#audit" class="nav-cta">Audit anfragen</a>
</div>
<button class="nav-toggle" id="navToggle" aria-label="Menü öffnen">
<span></span>
<span></span>
</button>
</div>
</nav>
<!-- Mobile Menu -->
<div class="nav-mobile" id="navMobile">
<a href="index.html" class="nav-mobile-link">Start</a>
<a href="manifest.html" class="nav-mobile-link active">Manifest</a>
<a href="methode.html" class="nav-mobile-link">Methode</a>
<a href="blog.html" class="nav-mobile-link">Denken</a>
<a href="#audit" class="nav-mobile-cta">Audit anfragen</a>
</div>
<!-- Page Hero -->
<section class="page-hero">
<div class="container">
<div class="page-hero-content">
<p class="page-label">Das Manifest</p>
<h1 class="page-title">Warum Marke kein<br>Marketingthema ist.</h1>
</div>
</div>
</section>
<!-- Intro Section -->
<section class="section">
<div class="container">
<div class="prose">
<p class="prose-lead">Der deutsche Mittelstand leidet nicht an schlechten Produkten. Nicht an fehlender Qualität. Nicht an mangelndem Know-how.</p>
<p class="prose-lead">Er leidet an einem strukturellen Defizit: Unternehmen sind wirtschaftlich leistungsfähig, aber sprachlich handlungsunfähig.</p>
</div>
</div>
</section>
<!-- Diagnosis Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Was das konkret bedeutet.</h2>
</div>
<div class="diagnosis-grid">
<article class="diagnosis-item">
<span class="diagnosis-number">[01]</span>
<h3 class="diagnosis-title">Keine Erklärbarkeit</h3>
<p class="diagnosis-text">Die meisten Unternehmen können nicht klar sagen, wofür sie stehen. Nicht weil sie es nicht wissen. Sondern weil es nirgendwo festgelegt ist.</p>
</article>
<article class="diagnosis-item">
<span class="diagnosis-number">[02]</span>
<h3 class="diagnosis-title">Keine Konsistenz</h3>
<p class="diagnosis-text">Jede Abteilung, jeder Mitarbeiter, jede Agentur erzählt eine leicht andere Version. Das ist kein Abstimmungsproblem. Das ist ein Strukturproblem.</p>
</article>
<article class="diagnosis-item">
<span class="diagnosis-number">[03]</span>
<h3 class="diagnosis-title">Keine Unabhängigkeit</h3>
<p class="diagnosis-text">Markenwissen existiert in Köpfen. Nicht in Systemen. Wenn Menschen gehen, geht das Wissen mit.</p>
</article>
<article class="diagnosis-item">
<span class="diagnosis-number">[04]</span>
<h3 class="diagnosis-title">Keine Vererbbarkeit</h3>
<p class="diagnosis-text">Neue Mitarbeiter lernen durch Osmose. Neue Agenturen fangen bei null an. Nichts ist dokumentiert. Nichts ist übertragbar.</p>
</article>
</div>
</div>
</section>
<!-- Consequence Section -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">Wohin das führt.</h2>
</div>
<div class="consequence-block">
<p class="consequence-chain">
<span>Ohne sprachliche Klarheit keine Identität.</span>
<span>Ohne Identität keine Marke.</span>
<span>Ohne Marke nur Vergleichbarkeit.</span>
</p>
<p class="consequence-conclusion">Vergleichbarkeit führt immer zum Preis.</p>
</div>
</div>
</section>
<!-- AI Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Warum KI das Problem verschärft.</h2>
</div>
<div class="prose">
<p>KI kann Inhalte produzieren. Schneller als je zuvor.</p>
<p>Aber KI kann keine Klarheit erzeugen. Sie kann nur verstärken, was bereits existiert.</p>
<p class="prose-highlight">Wer unklar ist, wird durch KI schneller unklar und in größerer Menge.</p>
</div>
</div>
</section>
<!-- Thesis Section -->
<section class="section section-quote">
<div class="container">
<blockquote class="quote-block quote-block-large">
<p class="quote-text">„Marke ist nicht Design.<br>Marke ist nicht Marketing.</p>
<p class="quote-text quote-text-accent">Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären."</p>
</blockquote>
</div>
</section>
<!-- Solution Section -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">Wenn Marke ein Strukturproblem ist,<br>braucht sie eine strukturelle Lösung.</h2>
</div>
<div class="solution-grid">
<div class="solution-not">
<h3 class="solution-subtitle">Nicht:</h3>
<ul class="solution-list">
<li>ein neues Logo</li>
<li>eine neue Website</li>
<li>mehr Content</li>
</ul>
</div>
<div class="solution-but">
<h3 class="solution-subtitle">Sondern:</h3>
<p class="solution-answer">Ein System aus Regeln, Entscheidungen und Grenzen, das dauerhaft handlungsfähig macht.</p>
</div>
</div>
<div class="solution-cta">
<a href="methode.html" class="btn btn-primary">
<span>Die Methode verstehen</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="section section-cta" id="audit">
<div class="container">
<div class="cta-block">
<h2 class="cta-headline">Bereit für Klarheit?</h2>
<p class="cta-text">Das Marken-Klarheits-Audit zeigt in 710 Tagen, wo Ihr Unternehmen sprachlich steht und was die nächsten Schritte sind.</p>
<a href="mailto:info@markemacht.de?subject=Marken-Klarheits-Audit" class="btn btn-primary btn-large">
<span>Audit anfragen</span>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M3 8H13M13 8L8 3M13 8L8 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-inner">
<div class="footer-brand">
<span class="logo-mark">MM</span>
<p class="footer-tagline">Marke macht.<br>Weil Klarheit Macht ist.</p>
</div>
<div class="footer-links">
<div class="footer-col">
<h4 class="footer-col-title">Navigation</h4>
<a href="index.html">Start</a>
<a href="manifest.html">Manifest</a>
<a href="methode.html">Methode</a>
<a href="blog.html">Denken</a>
</div>
<div class="footer-col">
<h4 class="footer-col-title">Rechtliches</h4>
<a href="#impressum">Impressum</a>
<a href="#datenschutz">Datenschutz</a>
</div>
<div class="footer-col">
<h4 class="footer-col-title">Kontakt</h4>
<a href="mailto:info@markemacht.de">info@markemacht.de</a>
<a href="https://adametz.media" target="_blank">adametz.media</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Marke macht. Eine Methode von <a href="https://adametz.media" target="_blank">Kevin Adametz</a></p>
</div>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>