docs: add design proposal for pixel landing page
Deploy Pixel Website / build-and-deploy (push) Failing after 2s
Deploy Pixel Website / build-and-deploy (push) Failing after 2s
This commit is contained in:
@@ -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)?
|
||||||
Reference in New Issue
Block a user