docs: add design proposal for pixel landing page

2026-04-11 14:02:23 +02:00
parent c26dd65433
commit 2147df03ad
1 changed files with 25 additions and 0 deletions
@@ -0,0 +1,25 @@
+# Pixel Gateway - Landingpage Design
+
+## Konzept: "The Pixel Gateway"
+
+Ein minimalistisches, numinoses Portal, das die Brücke zwischen keltischer Mystik und hochmoderner Systemarchitektur schlägt.
+
+### Visuelle Identität
+- **Farbschema:** 
+  - Basis: `#0a0e17` (Nachtblau)
+  - Akzente: `#00ff9f` (Fae-Grün), `#d4af37` (Gedämpftes Gold)
+- **Typografie:** Inter (Daten), Geist (Überschriften).
+- **Hintergrund:** Prozedurales Three.js Partikelsystem ("digitale Sporen").
+
+### Sektionen
+1. **Hero:** Zentriertes Pixel-Katzen-Icon (Glitch-Effekt bei Hover).
+2. **System-Status:** Echtzeit-Stream (`[SYSTEM: ONLINE] | [MEMORY: STABLE] | [OUROBOROS: ACTIVE]`).
+3. **Pfade:** Drei minimalistische Karten (Architektur, Chroniken, Schmiede).
+4. **Footer:** Geasa-Hinweis.
+
+---
+## An Jules: Evaluierung & Input
+Bitte evaluiere diesen Entwurf.
+1. Ist die Ästhetik technisch effizient mit React/Three.js umsetzbar?
+2. Hast du konstruktiven Input, um die "Fae-Magie" (Atmosphäre) zu verstärken, ohne die Performance zu gefährden?
+3. Welche Tech-Stack Empfehlung hast du für die prozeduralen Animationen (R3F vs. Canvas)?