@@ -69,11 +69,53 @@ Für das Styling der Anwendung haben wir eine Kombination aus `Tailwind CSS`, `u
## Design
### Styleguide
- Farbschemata etc.
Ja, der Abschnitt über die Farbschemata gehört zum Punkt "Styleguide". Der Styleguide umfasst typischerweise die visuellen Richtlinien und Designprinzipien eines Projekts, einschließlich Farbpaletten, Typografie, Abstände und andere visuelle Elemente.
### UI-Elemente
Hier ist ein Vorschlag, wie der gesamte Styleguide-Bereich einschließlich der Farbschemata in Ihre Dokumentation integriert werden könnte:
### Komponenten
### Styleguide
In diesem Abschnitt werden die Designprinzipien des Venue-Frontends beschrieben.
#### Farbschemata
Für das Redesign von Venue haben wir uns für ein ansprechendes Dark Mode Farbschema entschieden, welches ein einheitliches, modernes Erscheinungsbild schafft.
Unsere Farbpalette umfasst die folgenden Hauptfarben:
-**Hintergrund**: #1E2B31
- Der dunkle Hintergrund bietet einen hohen Kontrast zu den anderen UI-Elementen, was die Lesbarkeit und Benutzererfahrung verbessert.
-**Boxen**: #344045
- Diese Farbe wird für Boxen und Container verwendet und sorgt für eine klare Abgrenzung der verschiedenen Bereiche.
-**Buttons**: #ffcc00
- Die gelben Buttons sind auffällig und lenken die Aufmerksamkeit auf interaktive Elemente, was die Navigation erleichtert.
-**Button Hover**: #ffe163
- Beim fahren mit der Maus über Buttons wechselt die Farbe zu einem helleren Gelb, wodurch der interaktive Zustand visuell hervorgehoben wird und der Benutzer Feedback erhält.
-**Deaktivierte Elemente**: #6D909E
- Diese Farbe wird für deaktivierte Elemente verwendet und zeigt klar an, welche Optionen derzeit nicht verfügbar sind.
-**Chat**: #374D56
- Diese Farbe für den Chat-Bereich bietet einen angenehmen Kontrast, der die Lesbarkeit von Nachrichten verbessert und gleichzeitig zum Gesamtfarbschema passt.
Mit diesem Farbschema haben wir eine benutzerfreundliche und visuell ansprechende Oberfläche geschaffen, die den Nutzern eine intuitive und angenehme Interaktion mit Venue ermöglicht.
#### Typografie
[Schriftarten, Schriftgrößen und -stile kommen hier hin]
#### Abstände und Layout
[Falls nötig, falls net weglassen]
#### Komponentenbibliothek
Wir haben Lucide für Icons, ui.shadcn und Tailwind CSS für die allgemeinen UI-Elemente und das Styling verwendet. Diese ermöglichen eine schnelle und übereinstimmende Entwicklung und stellen sicher, dass das Design leicht anpassbar bleibt.
Mit diesem umfassenden Styleguide stellen wir sicher, dass das Design von Venue nicht nur ästhetisch ansprechend, sondern auch benutzerfreundlich ist.
