Risorse del marchio

Le risorse del marchio Kata.

Tutto ciò che serve per mostrare Kata, in un solo download.

Un unico zip: il logo in SVG e PNG per fondi chiari e scuri, la favicon e le icone dell’app per iPhone, Apple Watch e Android, i colori come testo, JSON e campioni, e una nota sul carattere.

Il marchio

Otto punti, un cuore.

La salute non è mai una cosa sola. Allenamento, cibo, acqua, sonno, recupero e mente: ognuno ha un peso proprio, e nessuno funziona da solo. Per questo il marchio è fatto di otto punti messi in relazione fra loro, e il cuore è ciò che formano insieme.

Kata è la parola giapponese per una forma che si pratica finché non diventa parte di te. I punti sono quelle ripetizioni: il giorno che hai registrato, la serie che hai chiuso, la notte che hai dormito.

Logo

Il logo.

Il lockup, il cuore da solo e il wordmark, per fondi chiari e scuri. Lascia attorno al lockup uno spazio libero pari all’altezza del cuore, e non ridisegnarlo, non ricolorarlo e non deformarlo mai. Le versioni a un solo colore sono nel pacchetto.

LockupSu chiaro
LockupSu scuro
Simbolo, Su chiaro
SimboloSu chiaro
Simbolo, Su scuro
SimboloSu scuro
Wordmark, Su chiaro
WordmarkSu chiaro
Wordmark, Su scuro
WordmarkSu scuro

Colore

I colori.

Sage e Mineral Black sono i colori del marchio. Ogni area dell’app ha inoltre una coppia di colori tutta sua, così sai sempre dove sei.

Kata sage

Il simbolo e ogni superficie di brand.

#96A48D · #DAE3CF
Mineral Black

Inchiostro, superfici scure e il pulsante predefinito. Il testo è #2d3233, mai nero puro.

#000000 · #2D3233

Le coppie per area.

Attività#87A266 · #C5DBA5
Focus#4E6391 · #A1B1CE
Sonno#9E79D3 · #BBA6DD
Nutrizione#9E6A7F · #CCAEBE
Oggi#E2845A · #F2DAC9
Mente#4B8599 · #A3C5CE
Allerta#CD7966 · #F3D5C9

I neutri.

Paper#FAFAF8
Panel#FFFFFF
Panel 2#F2F4F0
Hairline#E7EAE4
Ink#2D3233
Ink dim#5C6360
Ink faint#8A918C

Ogni gradiente poggia sulla sua estremità intensa: quella intensa in basso, quella chiara già piena al 72 per cento e costante fino in cima. La luce cade dall’alto.

Sul contrasto, detto chiaramente: misurato dove si posa un’etichetta centrata, il bianco raggiunge 15,87 a 1 sul pulsante Mineral Black, ma solo da 1,60 a 2,87 sulle coppie colorate, ed è per questo che il pulsante predefinito è nero. I tag usano il colore di testo di ciascuna tinta su una velatura chiara, con valori da 4,62 a 4,78. Tutte le cifre sono in colors.txt.

La palette come fileTXTJSONASE

Carattere

Articulat CF.

Una famiglia, tre ruoli. Le cifre che devono allinearsi usano il suo taglio a larghezza fissa, Articulat CF Tab.

Medium 500Titoli, con spaziatura stretta.

Racconta la tua giornata a Kata.

Regular 400Testo corrente e interfaccia.

Racconta la tua giornata a Kata.

DemiBold 600Enfasi, cifre ed etichette dei pulsanti.

Racconta la tua giornata a Kata.

I font sono su licenza, quindi non sono nel pacchetto: fonts.txt indica ogni taglio e dove ottenerne la licenza.

Icone

Le icone.

La favicon e le icone dell’app, generate dagli stessi master del resto dell’identità.

La favicon di Kata
FaviconSVG, ICO e PNG, fino a 512 px.
L’icona dell’app Kata per iPhone
iPhone1024 px, versione chiara e scura.
L’icona dell’app Kata per Apple Watch
Apple Watch1024 px.
L’icona dell’app Kata per Android
Android512 px per Google Play, più i livelli dell’icona adattiva.