markemacht/_markemacht.de/dev/first design/index.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

204 lines
9.5 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>Marke macht. Wenn Klarheit Macht ist</title>
<meta name="description" content="Ein Denkrahmen für unternehmerische Klarheit. Marke ist kein Designprojekt. Marke ist ein Führungsinstrument.">
<!-- 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">
</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 active">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">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 active">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">Denken</a>
<a href="#audit" class="nav-mobile-cta">Audit anfragen</a>
</div>
<!-- Hero Section -->
<section class="hero">
<div class="hero-bg">
<div class="hero-shape hero-shape-1"></div>
<div class="hero-shape hero-shape-2"></div>
<div class="hero-grid"></div>
</div>
<div class="container">
<div class="hero-content">
<h1 class="hero-headline">
Wenn Sie Ihr Unternehmen<br>
nicht erklären können,<br>
<span class="hero-headline-alt">haben Sie kein Marketingproblem.</span>
</h1>
<p class="hero-subline">Sie haben ein Markenproblem.</p>
<a href="manifest.html" class="btn btn-primary">
<span>Warum das so ist</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>
<!-- Symptoms Section -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<p class="section-label">Die Symptome</p>
<h2 class="section-title">Drei Anzeichen, dass Ihr Unternehmen<br>sprachlich handlungsunfähig ist.</h2>
</div>
<div class="symptoms-grid">
<article class="symptom-card">
<span class="symptom-number">[01]</span>
<h3 class="symptom-title">Jeder erklärt das Unternehmen anders.</h3>
<p class="symptom-text">Vertrieb sagt etwas anderes als Marketing. Die Website erzählt eine dritte Geschichte.</p>
</article>
<article class="symptom-card">
<span class="symptom-number">[02]</span>
<h3 class="symptom-title">Kommunikation hängt an Personen.</h3>
<p class="symptom-text">Wenn der Marketingchef geht, geht das Markenwissen mit. Wenn die Agentur wechselt, fängt alles von vorn an.</p>
</article>
<article class="symptom-card">
<span class="symptom-number">[03]</span>
<h3 class="symptom-title">Mehr Content, weniger Wirkung.</h3>
<p class="symptom-text">KI produziert schneller, aber nicht klarer. Die Menge steigt, die Erkennbarkeit sinkt.</p>
</article>
</div>
</div>
</section>
<!-- Quote Section -->
<section class="section section-quote">
<div class="container">
<blockquote class="quote-block">
<p class="quote-text">„Marke ist kein Gefühl.<br>Marke ist ein Regelwerk."</p>
</blockquote>
</div>
</section>
<!-- Problem Section -->
<section class="section">
<div class="container">
<div class="content-split">
<div class="content-main">
<h2 class="content-title">Das Problem ist nicht Kreativität.</h2>
<p class="content-text">Das Problem ist fehlende Struktur.</p>
<p class="content-text content-text-secondary">Marketing, Werbung und KI verschärfen dieses Problem, weil sie Ausdruck verlangen, bevor Klarheit existiert.</p>
<a href="manifest.html" class="btn btn-secondary">
<span>Das Manifest 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>
</a>
</div>
<div class="content-aside">
<div class="aside-decoration"></div>
</div>
</div>
</div>
</section>
<!-- What Is Section -->
<section class="section section-alt">
<div class="container">
<div class="intro-block">
<p class="section-label">Was ist „Marke macht."</p>
<h2 class="intro-headline">Ein Denkrahmen für<br>unternehmerische Klarheit.</h2>
<div class="intro-content">
<p>„Marke macht." ist keine Agentur.<br>Kein Content-Studio. Kein KI-Tool.</p>
<p>Sondern eine Methode, die Unternehmen befähigt, sich selbst eindeutig zu erklären konsistent, dokumentiert, unabhängig von Personen.</p>
</div>
<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>