Je logo en studiokleuren toevoegen aan de app
Upload je studiologo en kies twee kleuren, zodat de Trainnode-app van je klanten eruitziet als jouw studio. Kost je twee minuten.
Trainnode team
1 min lezen
Je klanten openen de app vaak meerdere keren per week. Met je eigen logo en kleuren voelt het als de app van jouw studio, niet van iemand anders. Elke studio kan dit, op elk abonnement.
Open Branding
Ga naar Organization en kies het tabblad Branding. Rechts zie je het startscherm en het workoutscherm van de app in jouw kleuren. Ze passen zich aan terwijl je kleuren wijzigt.
Upload je logo
Kies Upload logo. Klanten zien het in een klein rondje op de pagina van je studio in de app, in de lijst met studio’s als ze bij meer dan één studio trainen, en bovenaan de zijbalk op een iPad. Een vierkant logo of een icoon werkt het best. Een volledig woordmerk wordt te klein om te lezen.
Kies twee kleuren
- Primary colour: de knoppen waar klanten op drukken, de voortgang en de set waar ze mee bezig zijn.
- Secondary colour: de donkere kaarten en kopbalken, zoals de rustdagkaart op het startscherm en de kopbalk tijdens een workout.
Typ een hexcode, zoals
#7E2B36, of gebruik de kleurkiezer. Met Use default krijg je de eigen kleuren van Trainnode terug.Trainnode past een kleur aan die slecht leesbaar zou zijn, bijvoorbeeld door hem donkerder te maken zodat witte tekst leesbaar blijft, of lichter voor de donkere modus, en laat je zien wat er is veranderd. Je krijgt ook een waarschuwing als een kleur dicht bij het rood zit dat voor foutmeldingen wordt gebruikt.


Opslaan
Een balk onderaan laat zien hoeveel wijzigingen nog niet zijn opgeslagen. Kies Save (of Discard om ze ongedaan te maken). Klanten zien je logo en kleuren de volgende keer dat ze de app openen.


Goed om te weten
- Het inlogscherm en het app-icoon blijven van Trainnode, omdat klanten die zien voordat ze aan je studio gekoppeld zijn.
- Ook de iconen bij meldingen, de widgets op het startscherm en de Live Activity op het vergrendelscherm blijven in de kleuren van Trainnode.
