Post 3: Verbinden statt ersetzen, ein Einzelbild mit dem Wabenfeld

Nummer 2 im Redaktionsplan, im Generator das dritte Projekt. Kein Carousel:
eine Haltung, die man durchwischen muss, ist keine.

Das Bild ist das Wabenfeld der Startseite, uebernommen aus
HoneycombSection.tsx und nicht nachempfunden -- derselbe Umkreisradius,
dieselbe Achsrechnung, dieselben Zellnummern. Damit stimmen WABE_MARKEN und
HONEYCOMB_DEFAULT_LOGO_PLACEMENTS ueber dieselben Nummern ueberein. Die vier
Waben "In Arbeit" sind raus: auf der Startseite ein Versprechen, im Feed ein
Eingestaendnis.

Der Ausschnitt ist enger als die Slide (880 statt 1080), das Feld also um
1,227 vergroessert -- ein Ring leerer Waben rundherum kostete nur Platz.
Text mittig wie in post2-alt.html.

Sechs der 14 Marken sind PNG und damit dieselbe Wette wie ein Screenshot
(rules.md 7). wabenZonen() prueft sie deshalb einzeln nach: ein Punktraster
ueber den ganzen Markenkasten, dessen Ecken das Gelb der Wabe tragen. Fehlt
die Marke, ist der Kasten einfarbig und der Export wiederholt. Gegengetestet,
indem DATEV absichtlich weggelassen wurde.

Die sechs Zeichnungen von Post 2 sind aus der Kopie raus, 5237 auf 4270
Zeilen. Die Band-Maschinerie bleibt, laeuft bei einer Slide aber leer -- im
Kommentar steht jetzt, dass ihre Stuetzpunkte an Post 2 geeicht sind.

Nebenbei: uebersicht.html schrieb "1 Slides", faellt erst mit dem ersten
Einzelbild auf.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-15 21:25:09 +02:00
1 parent 06479c54b3
commit a5ec0c565e
16 files changed
+4469 -4

No files matched your search

+35 -2
View File
@@ -1,7 +1,7 @@
# Post-Generator — Regeln & Konventionen
Arbeitsgrundlage für alles, was in diesem Repo an Social-Grafiken entsteht.
**Stand:** 31.07.2026
**Stand:** 15.08.2026
Der Generator läuft lokal: `./serve.sh` → <http://127.0.0.1:4321/post1.html>
(Post 1, Carousel).
@@ -20,6 +20,7 @@ Alle Marken-Werte stammen aus der Website, nicht aus diesem Repo. Bei Zweifel
| Schrift | `HiveGrid-Website/app/layout.tsx` |
| Badge-Styling | `HiveGrid-Website/components/sections/ScreenshotAccordion.tsx` |
| Feature-Texte | `HiveGrid-Website/app/playground/PlaygroundClient.tsx` → `solutionModules` |
| Wabenfeld: Geometrie, Zellnummern, Belegung | `HiveGrid-Website/components/landing/HoneycombSection.tsx` |
Die Werte sind hier gespiegelt, weil der Export keine Tailwind-/oklch-Farben
verträgt (siehe §7). Ändert sich die Website, müssen sie **hier nachgezogen
@@ -42,7 +43,7 @@ und Kompositionen der Visualisierungen.
| Theme | Erkennungszeichen | Datei |
|---|---|---|
| `notebook` | Rasterhintergrund, Zeichenblock-Optik, Marker in der Überschrift, handgezogene Formen | `post2.html` |
| `modern` | Ruhiger Grund ohne Textur, sehr große Überschrift mit einem farbigen Wort, schwebende Karten mit Haarlinie, präzise Formen | `post2-alt.html` |
| `modern` | Ruhiger Grund ohne Textur, sehr große Überschrift mit einem farbigen Wort, schwebende Karten mit Haarlinie, präzise Formen | `post2-alt.html`, `post3.html` |
Jede Datei trägt oben eine Konstante `THEME`. Sie steuert nichts, sie benennt
nur — die Unterschiede stecken in den CSS-Werten und in den Zeichen-Primitiven.
@@ -255,6 +256,38 @@ Spalten um ¾ der Breite, benachbarte Spalten sitzen eine halbe Reihe versetzt.
Eine Kachel = zwei Spalten breit, eine Reihe hoch. **Die über den Kachelrand
hinausragenden Kopien sind Pflicht** — ohne sie sieht man die Nähte.
### Wabenfeld
Nicht zu verwechseln mit dem Wabenraster: das ist die Textur im Hintergrund,
das Wabenfeld ist die **Grafik von der Startseite** — die Marke als Nabe, die
fremden Programme als Waben darum, verbunden über Stränge. Sie steht in
`post3.html` als `visWabenfeld()` und ist aus `HoneycombSection.tsx`
übernommen, nicht nachempfunden:
| | Wert | Warum genau der |
|---|---|---|
| Umkreisradius | 62 | alles andere leitet sich davon ab |
| Flächenfaktor | 0,84 | lässt die Fuge zwischen zwei Waben offen |
| Achsrechnung | `x = 1,5·R·q`, `y = √3·R·(r + q/2)` | flat-top |
| Zellnummern | 1 Nabe, 2–7 innerer Ring, 8–19 Deko-Ring, dann das Feld | die Belegung hängt daran |
| Marken-Größe | sichtbar 56,5 px | Claude und OpenAI sind die Eichmarken |
**Die Zellnummern sind die Schnittstelle.** Welche Marke wo sitzt, steht auf
der Website in `HONEYCOMB_DEFAULT_LOGO_PLACEMENTS` und hier in `WABE_MARKEN`,
beide über dieselben Nummern. Wer den Ringgang in `wabeRing()` umstellt,
verschiebt damit stillschweigend jede Marke.
**Eine Marke wird über zwei Zahlen eingepasst**, nicht über eine: die
Grundfläche ihres Renderpfads (Feld 59,52 px, Deko 50,44 px) mal ihre eigene
Skalierung. Das Verhältnis 1,18 zwischen beiden Pfaden stammt aus der Website
und ist der Grund, warum dieselbe sichtbare Größe zwei verschiedene Faktoren
braucht. Für eine neue Marke gilt: `gr = Grundfläche / Anteil, den die Datei in
ihrer eigenen Fläche ausfüllt` — eine Datei mit Luft ringsum braucht mehr.
**Die vier Waben „In Arbeit" gehören nicht in einen Beitrag.** Auf der
Startseite sind sie ein Versprechen, im Feed wären sie ein Eingeständnis. Es
sind die Zellen 29, 41, 46 und 59, und sie bleiben gewöhnliche leere Waben.
---
## 4. Typografie