You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.9 KiB
31 lines
1.9 KiB
# STYLE-CONCEPT 🖌️🎨
|
|
|
|
## Color
|
|
|
|
| Farbe | Code | Beschreibung |
|
|
|-------|------|--------------|
|
|
|<span style="color:#00E676">Drop Green</span>|#00E676|Der leuchtende Punkt in Go.Drop., der "Fertigstellen"-Button, Erfolgsstatus.|
|
|
|<span style="color:#1E293B">Deep Slate (Dark)</span>|#1E293B|Hintergrundfarbe des Dropdown-Menüs im Dark Mode.|
|
|
|<span style="color:#FFFFFF">Pure White</span>|#FFFFFF|Primärer Text (Dark Mode) / Hintergrund (Light Mode).|
|
|
|<span style="color:#64748B">Muted Gray</span>|#64748B|Inaktive Jobs, Sekundärtexte, Rahmenlinien.|
|
|
|<span style="color:#0061FF">Dropbox Indigo</span>|#0061FF|Subtiler Akzent für den Export-Status (Anlehnung an die Dropbox-Marke).|
|
|
|
|
|
|
## Icon Style
|
|
|
|
Das Icon muss minimalistisch sein (16x16 oder 22x22 Pixel) und sich nahtlos in die bestehenden Mac-Symbole (wie WLAN oder Batterie) einfügen.
|
|
|
|
- **Der Look:** Ein reduziertes, quadratisches Videoschnitt-Symbol (ein angedeuteter Filmstreifen oder ein "Crop"-Rahmen) gefolgt von dem dynamischen Punkt.
|
|
- **Interaktiver Status (Das Highlight)**:
|
|
- ⚪ Standby (Keine Jobs): Ein rein monochromes (Schwarzes/Weißes) Icon in der Leiste.
|
|
- 🟡 Job wartet auf Freigabe: Der Punkt im Icon leuchtet dezent Orange/Gelb.
|
|
- 🟢 In Action (Rendern/Upload): Wenn du auf "Fertigstellen" klickst, pulsiert der Punkt in Drop Green (#00E676), bis die Datei in der Dropbox liegt.
|
|
|
|
|
|
## Font Style
|
|
|
|
Da es sich um eine native Mac-App handelt, nutzen wir serifenlose, extrem cleane Schriften, die hervorragend lesbar sind:
|
|
- **Primary Font (UI & Menüs)**: ``SF Pro Display`` (macOS System-Schrift)
|
|
- Einsatz: Für Job-Titel, Buttons und Status-Texte. Wirkt hochprofessionell und nativ.
|
|
- **Secondary Font (Logos & Akzente)**: `JetBrains Mono` oder ``SF Mono``
|
|
- Einsatz: Für den Namen Go.Drop. und Statusanzeigen. Die Monospace-Schrift unterstreicht den automatisierten "Entwickler/Tool"-Charakter. |