parent
ec16bca84a
commit
59b0e51f80
@ -0,0 +1,31 @@
|
||||
# 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.
|
||||
Loading…
Reference in new issue