Sonamont Branding
Untere 5 Striche nicht verlängern
Oben spiegeln (5 Striche auch oben)
Automatische Store-Maske berücksichtigen (Apple/Google)
Sonamont „Geometric UI“ Konzept
1) Visuelle DNA (Fundament)
Jedes Icon besteht aus vier (praktisch) unveränderlichen Ebenen:
- Basis: Schwarze Kachel mit modernem Eckenradius (≈ 18% als Zielwert).
- Marken-Anker: 5 vertikale Farbstriche unten, breit verteilt, bündig mit der Unterkante.
- Kategorie-Indikator: Große, zentrierte geometrische Form in einer Firmenfarbe.
- App-Identität: Kurzer Begriff in Sentence Case (z.B. „Scale“), in tiefschwarz, zentriert in der Form.
2) Geometrische Systematik (Kategorien)
| Form | Produktpalette | Beispiel-Apps | Design-Logik |
|---|---|---|---|
| Kreis | Musiktheorie | Scale, Chord, Flow | Symbolisiert Harmonie und den Quintenzirkel. |
| Quadrat | Klavier lernen | Piano, Keys, Pedals | Steht für Taste und strukturiertes Üben. |
| Sechseck | Musik-Wissen | Instrum, History | Wabe wirkt wie Zelle im Wissens-Archiv. |
| Raute | Komposition | Score, Style, Beat | Dynamisch, aktiv schaffend. |
| Dreieck | Utilities | Qr, Barcode, Print | Funktion & technisches Werkzeug. |
| Fünfeck | Rhythmik | Rhythm, Tempo | Wirkt komplexer und steht für Taktgefühl. |
3) Farbschema (Differenzierung)
Innerhalb einer Kategorie bekommt jede App eine eigene Farbe aus dem Sonamont-Spektrum:
- App 1: Gold-Gelb (#E1B12C)
- App 2: Ziegel-Rot (#B22222)
- App 3: Wald-Grün (#556B2F)
- App 4: Sienna-Braun (#A0522D)
- App 5: Stahl-Blau (#4682B4)
Erweiterung: Wenn es mehr als 5 Apps in einer Kategorie gibt, wird die Form horizontal halbiert und nutzt zwei Farben (z.B. oben Gelb, unten Rot).
Lesbarkeit: Im Store ist das Icon sehr klein – kurze Worte sind besser. Notfalls ist ein markanter Anfangsbuchstabe oft lesbarer als ein langes Wort.
Automatisches Sonamont-Layout v2.0