Risorse del marchio
Le risorse del marchio Kata.
L’identità, pronta all’uso. Otto punti, un cuore, sette colori d’area, un carattere. Prendi il pacchetto, oppure i singoli file qui sotto.
Il marchio
Otto punti, un cuore.
La salute non è mai una cosa sola. Allenamento, cibo, acqua, sonno, recupero, la testa, i numeri e il coach che li legge. Ogni parte è reale per conto suo. Nessuna funziona da sola.
Per questo il marchio non è una forma sola. Sono otto punti, messi in relazione fra loro, e il cuore è ciò che formano insieme. Le parti di una persona, tenute in un unico sistema.
Kata è la parola giapponese per una forma che si pratica finché smette di essere fatica e diventa te. Molte ripetizioni, una forma. I punti sono quelle ripetizioni: il giorno che hai registrato, la serie che hai chiuso, la notte che hai dormito. Ognuno è piccolo. Insieme sono la pratica, e la pratica diventa la persona.
Il gradiente vivo
Un marchio. Ogni colore.
Qui il colore non è decorazione. Ti dice dove sei. Ogni area di Kata ha un gradiente, e il marchio prende il colore dell’area in cui ti trovi.
Lasciato andare, il marchio percorre tutto il sistema: 36 secondi, un colore dentro il successivo, l’estremità chiara sempre in alto perché la luce cade dall’alto. Lockup, simbolo e pulsante primario leggono lo stesso orologio, quindi l’identità non va mai fuori fase con sé stessa.
Che cosa dice ogni colore.
Movimento, sessioni, quello che costruisci. Il verde: la crescita, sessione dopo sessione.
Quello su cui stai lavorando, più acqua e dati. Limpido, misurato, concreto.
La notte. Il riposo ha un colore suo.
Prugna e frutti di bosco. Ciò che nutre il corpo, integratori inclusi.
La giornata davanti a te. L’alba, l’energia e la prima ora.
Come stai. Acqua fresca, in disparte dal resto.
Da qui parla il coach. Inchiostro, mai decorazione.
Logo
Il lockup.
Il cuore di otto punti e il wordmark, uniti. Lasciagli su ogni lato uno spazio libero pari all’altezza del cuore. Non ridisegnarlo, non ricolorarlo, non deformarlo.
Simbolo
Il cuore.
Otto punti formano un cuore. Sta per Kata da solo: icone dell’app, avatar, favicon, ovunque il wordmark non entri. I punti sono pieni, mai in contorno.
Colore
Il sistema di colore.
Due gradienti di marchio e sei coppie d’area. Ogni area dell’app ne possiede una, così sai sempre dove sei dalla luce che ti circonda.
I due gradienti del marchio.
Il gradiente del marchio. Porta il simbolo, i fondi sfumati e ogni superficie di brand.
Inchiostro, superfici scure e pulsanti primari. Il testo deriva da #2d3233, mai dal nero puro.
Una regola vale ovunque: l’estremità forte sta in basso, la chiara è raggiunta del tutto al 72 per cento e tiene fino in cima. La luce cade dall’alto. Anche i pulsanti la seguono: la stessa coppia, la stessa caduta, un’etichetta bianca.
Le coppie d’area.
Il sage su cui poggia tutto il sistema.
Movimento e crescita. Il verde, sessione dopo sessione.
Quello su cui stai lavorando, più idratazione e dati. Blu acciaio, limpido e misurato.
La notte. Il viola possiede il riposo.
Prugna e frutti di bosco. Ciò che nutre il corpo, integratori inclusi.
La giornata davanti a te. L’albicocca: l’alba, l’energia e la prima ora.
Acquamarina. Acqua fresca, in disparte dal resto.
Mineral Black. Il coach parla da qui.
Terracotta. Riservato a ciò che toglie. Mai decorazione.
I pulsanti, la coppia stessa.
L’unica cosa che uno schermo ti chiede di premere. Un pulsante pieno porta la sua coppia d’area: l’estremità forte al piede, la chiara raggiunta del tutto al 72 per cento, e l’etichetta è bianca, mai nera. Il numero a destra è il bianco contro il punto medio di quella caduta, dove l’etichetta si posa davvero. Detto onestamente: solo Mineral Black supera 4.5, ed è per questo che il pulsante predefinito è ovunque la coppia nera. Una pagina che possiede un colore porta la sua coppia e accetta un numero più morbido.
Tag e selezione, ancora più chiari.
Un tag di soprattitolo non è un pulsante, e nemmeno un controllo segmentato o una pillola della lingua. Tutto ciò che riporta uno stato prende una velatura chiara dell’estremità chiara della sua famiglia e ci scrive sopra con l’inchiostro della stessa famiglia. Il numero a destra è quell’inchiostro su quella velatura. È saturo solo ciò che premi.
I neutri.
Carattere
Articulat CF.
Una famiglia, tre ruoli. Nient’altro.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Racconta la tua giornata a Kata.
Titoli. Spaziatura stretta: -0.032em alla misura hero, fino a -0.012em a 18px.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Racconta la tua giornata a Kata.
Testo corrente e interfaccia.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Racconta la tua giornata a Kata.
Enfasi, cifre ed etichette dei pulsanti.
Uso
Come si usa.
La luce viene dall’alto
L’estremità più chiara di un gradiente sta in alto o di lato. I pulsanti la tengono: due toni piatti, testa più chiara, fondo più profondo, e nessun riflesso da nessuna parte.
Mineral Black, non nero
L’inchiostro è #2d3233. Il nero puro compare solo nella scala delle superfici scure.
Fisica dei pulsanti
Il primario è una pillola Mineral Black con etichetta bianca. Il secondario è una pillola grigio chiaro con etichetta grigia. Entrambi con raggio pieno.
Spazio libero
Un’altezza del cuore attorno al lockup. Il lockup non scende mai sotto 88px a schermo o 22mm in stampa.
Da non fare.
- Scrivere KATA. Il marchio è Kata.
- Ricolorare il marchio, metterlo in contorno o aggiungere effetti.
- Allungare, ruotare o tagliare il lockup.
- Ribaltare un gradiente mettendo in alto l’estremità profonda.
- Comporre i titoli con qualcosa che non sia Articulat CF Medium.
- Usare il marchio per suggerire un endorsement o una partnership.
Prendi tutto il kit.
Il pacchetto contiene ogni variante di logo, simbolo e wordmark in SVG e PNG, i nove gradienti, una scheda colori e un readme.
Scarica il pacchetto completo