Initial commit: Laravel-Skelett + Markenwissen-Verfassung + markemacht.de Web
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

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>
This commit is contained in:
Kevin Adametz 2026-05-28 16:01:54 +00:00
commit 2a617e09cc
237 changed files with 43706 additions and 0 deletions

View file

@ -0,0 +1,282 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Methode Brand Engineering | Marke macht.</title>
<meta name="description" content="Brand Engineering: Ein ingenieurhaftes Verständnis von Marke. Marke wird nicht entwickelt sie wird gebaut. Marke wird nicht gefühlt sie wird dokumentiert.">
<!-- 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">Manifest</a>
<a href="methode.html" class="nav-link active">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">Manifest</a>
<a href="methode.html" class="nav-mobile-link active">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">Die Methode</p>
<h1 class="page-title">Brand Engineering.</h1>
</div>
</div>
</section>
<!-- Intro Section -->
<section class="section">
<div class="container">
<div class="method-intro">
<p class="method-intro-lead">Ein ingenieurhaftes Verständnis von Marke.</p>
<div class="method-intro-grid">
<div class="method-intro-item">
<p class="method-contrast">Marke wird nicht „entwickelt".</p>
<p class="method-statement">Marke wird gebaut.</p>
</div>
<div class="method-intro-item">
<p class="method-contrast">Marke wird nicht „gefühlt".</p>
<p class="method-statement">Marke wird dokumentiert.</p>
</div>
<div class="method-intro-item">
<p class="method-contrast">Marke wird nicht präsentiert.</p>
<p class="method-statement">Marke wird nutzbar gemacht.</p>
</div>
</div>
</div>
</div>
</section>
<!-- DNA Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Die Marken-DNA.</h2>
</div>
<div class="prose">
<p>Jede Marke braucht ein operatives Regelwerk. Kein Leitbild. Kein Manifest. Keine Powerpoint.</p>
<p>Sondern eine dokumentierte Struktur, die festlegt:</p>
</div>
<ul class="dna-preview">
<li>Wer wir sind (jenseits von Produkten)</li>
<li>Warum wir, nicht die anderen</li>
<li>Wie wir sprechen, wie niemals</li>
<li>Worüber wir reden, worüber nicht</li>
<li>Was wir niemals tun</li>
</ul>
</div>
</section>
<!-- Building Blocks Section -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">Woraus eine Marken-DNA besteht.</h2>
</div>
<div class="blocks-grid">
<article class="block-card">
<span class="block-number">[01]</span>
<h3 class="block-title">Identitätskern</h3>
<p class="block-question">Wer sind wir jenseits von Produkten?</p>
<p class="block-text">Das Selbstverständnis, die Haltung, die Motivation. Ohne Marktbegriffe. Ohne Kundenargumente.</p>
</article>
<article class="block-card">
<span class="block-number">[02]</span>
<h3 class="block-title">Positionierungslogik</h3>
<p class="block-question">Warum wir und nicht die anderen?</p>
<p class="block-text">Nicht was wir besser machen, sondern nach welcher Logik wir anders sind.</p>
</article>
<article class="block-card">
<span class="block-number">[03]</span>
<h3 class="block-title">Sprach- und Tonalitätsregeln</h3>
<p class="block-question">Wie sprechen wir und wie niemals?</p>
<p class="block-text">Explizite Regeln für Sprache, Ton und Argumentation. Was erlaubt ist. Was verboten ist.</p>
</article>
<article class="block-card">
<span class="block-number">[04]</span>
<h3 class="block-title">Themen- und Relevanzrahmen</h3>
<p class="block-question">Worüber sprechen wir und worüber bewusst nicht?</p>
<p class="block-text">Ein klarer Themenkorridor. Fokus statt Beliebigkeit.</p>
</article>
<article class="block-card">
<span class="block-number">[05]</span>
<h3 class="block-title">Entscheidungs- und Grenzregeln</h3>
<p class="block-question">Was darf diese Marke niemals tun?</p>
<p class="block-text">Explizite Grenzen für Verhalten, Aussagen, Auftritte. Grenzen sind wichtiger als Botschaften.</p>
</article>
</div>
</div>
</section>
<!-- Quote Section -->
<section class="section section-quote">
<div class="container">
<blockquote class="quote-block">
<p class="quote-text">„Eine Marke, die nicht strukturiert existiert,<br>kann nicht geführt werden."</p>
</blockquote>
</div>
</section>
<!-- Benefits Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Wenn die Marken-DNA existiert.</h2>
</div>
<ul class="benefits-list">
<li>Teams können selbstständig markengerecht arbeiten</li>
<li>Neue Mitarbeiter sind in Tagen sprachfähig, nicht Wochen</li>
<li>Agenturen haben einen klaren Rahmen</li>
<li>KI arbeitet regelbasiert, nicht generisch</li>
<li>Kommunikation wird reproduzierbar und kontrollierbar</li>
</ul>
</div>
</section>
<!-- Not Section -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title">Klare Abgrenzung.</h2>
</div>
<div class="not-block">
<p class="not-intro">Brand Engineering ist nicht:</p>
<ul class="not-list">
<li>ein Kreativworkshop</li>
<li>ein Leitbildprozess</li>
<li>ein Agentur-Briefing</li>
<li>ein Marketing-Meeting</li>
</ul>
<p class="not-conclusion">Es ist ein unternehmerischer Klärungsprozess.</p>
</div>
</div>
</section>
<!-- Next Step Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Wie Klarheit entsteht.</h2>
</div>
<div class="audit-block">
<p class="audit-intro">Das Marken-Klarheits-Audit ist der Einstieg.</p>
<p class="audit-time">In 710 Tagen entsteht:</p>
<ul class="audit-list">
<li>Eine Analyse des Ist-Zustands</li>
<li>Die vollständige Marken-DNA v1.0</li>
<li>Eine Validierung an realen Inhalten</li>
<li>Eine klare Handlungsempfehlung</li>
</ul>
</div>
</div>
</section>
<!-- Source Section -->
<section class="section">
<div class="container">
<div class="source-block">
<p class="source-text">„Marke macht." wurde entwickelt von <strong>Kevin Adametz</strong> Markenarchitekt und Gründer von ADAMETZ.MEDIA.</p>
<p class="source-text source-text-secondary">Seit über 20 Jahren arbeitet er mit Unternehmen an der Frage, wie sie sich erklären.</p>
<a href="https://adametz.media" target="_blank" class="btn btn-secondary">
<span>Mehr über Kevin Adametz</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>