Kevin Adametz
2a617e09cc
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>
212 lines
10 KiB
HTML
212 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Denken – Artikel über Marke und Klarheit | Marke macht.</title>
|
||
<meta name="description" content="Artikel über Marke, Klarheit und die Frage, warum Unternehmen oft nicht sagen können, wofür sie stehen.">
|
||
|
||
<!-- 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">Methode</a>
|
||
<a href="blog.html" class="nav-link active">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">Methode</a>
|
||
<a href="blog.html" class="nav-mobile-link active">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">Blog</p>
|
||
<h1 class="page-title">Denken.</h1>
|
||
<p class="page-intro">Artikel über Marke, Klarheit und die Frage, warum Unternehmen oft nicht sagen können, wofür sie stehen.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Blog Filter -->
|
||
<section class="section section-filter">
|
||
<div class="container">
|
||
<div class="filter-bar">
|
||
<button class="filter-btn active" data-filter="all">Alle</button>
|
||
<button class="filter-btn" data-filter="diagnose">Diagnose</button>
|
||
<button class="filter-btn" data-filter="einordnung">Einordnung</button>
|
||
<button class="filter-btn" data-filter="system">System</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Blog List -->
|
||
<section class="section section-blog">
|
||
<div class="container">
|
||
<div class="blog-list">
|
||
<!-- Article 1 -->
|
||
<article class="blog-card" data-category="diagnose">
|
||
<a href="artikel-vergleichbarkeit.html" class="blog-card-inner">
|
||
<div class="blog-card-meta">
|
||
<span class="blog-card-number">[01]</span>
|
||
<span class="blog-card-category">Diagnose</span>
|
||
</div>
|
||
<h2 class="blog-card-title">Warum Vergleichbarkeit kein Preisproblem ist.</h2>
|
||
<p class="blog-card-excerpt">Wenn Kunden nur noch über den Preis entscheiden, liegt das selten am Preis. Es liegt daran, dass sie keinen anderen Unterschied erkennen können.</p>
|
||
<span class="blog-card-link">
|
||
<span>Lesen</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>
|
||
</span>
|
||
</a>
|
||
</article>
|
||
|
||
<!-- Article 2 -->
|
||
<article class="blog-card" data-category="diagnose">
|
||
<a href="artikel-marketingchef.html" class="blog-card-inner">
|
||
<div class="blog-card-meta">
|
||
<span class="blog-card-number">[02]</span>
|
||
<span class="blog-card-category">Diagnose</span>
|
||
</div>
|
||
<h2 class="blog-card-title">Was passiert, wenn der Marketingchef geht.</h2>
|
||
<p class="blog-card-excerpt">In vielen Unternehmen ist das Markenwissen an eine einzige Person gebunden. Wenn diese Person geht, geht das Wissen mit.</p>
|
||
<span class="blog-card-link">
|
||
<span>Lesen</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>
|
||
</span>
|
||
</a>
|
||
</article>
|
||
|
||
<!-- Placeholder Articles (for later) -->
|
||
<article class="blog-card blog-card-upcoming" data-category="einordnung">
|
||
<div class="blog-card-inner">
|
||
<div class="blog-card-meta">
|
||
<span class="blog-card-number">[03]</span>
|
||
<span class="blog-card-category">Einordnung</span>
|
||
<span class="blog-card-soon">Bald</span>
|
||
</div>
|
||
<h2 class="blog-card-title">Warum KI Ihr Markenproblem nicht löst.</h2>
|
||
<p class="blog-card-excerpt">KI verstärkt, was bereits existiert. Wer unklar ist, wird durch KI schneller unklar.</p>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="blog-card blog-card-upcoming" data-category="einordnung">
|
||
<div class="blog-card-inner">
|
||
<div class="blog-card-meta">
|
||
<span class="blog-card-number">[04]</span>
|
||
<span class="blog-card-category">Einordnung</span>
|
||
<span class="blog-card-soon">Bald</span>
|
||
</div>
|
||
<h2 class="blog-card-title">Der Unterschied zwischen Marke und Marketing.</h2>
|
||
<p class="blog-card-excerpt">Marketing ist ein Kanal. Marke ist die Voraussetzung, dass der Kanal funktioniert.</p>
|
||
</div>
|
||
</article>
|
||
</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 7–10 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>
|
||
<script>
|
||
// Blog Filter
|
||
const filterBtns = document.querySelectorAll('.filter-btn');
|
||
const blogCards = document.querySelectorAll('.blog-card');
|
||
|
||
filterBtns.forEach(btn => {
|
||
btn.addEventListener('click', () => {
|
||
const filter = btn.dataset.filter;
|
||
|
||
filterBtns.forEach(b => b.classList.remove('active'));
|
||
btn.classList.add('active');
|
||
|
||
blogCards.forEach(card => {
|
||
if (filter === 'all' || card.dataset.category === filter) {
|
||
card.style.display = 'block';
|
||
} else {
|
||
card.style.display = 'none';
|
||
}
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|