Ressources de marque

Les ressources de marque Kata.

Tout ce qu’il faut pour présenter Kata, en un seul téléchargement.

Un seul fichier zip : le logo en SVG et PNG pour fonds clairs et sombres, le favicon et les icônes d’app pour iPhone, Apple Watch et Android, les couleurs en texte, en JSON et en nuanciers, et une note sur la typographie.

Le symbole

Huit points, un cœur.

La santé n’est jamais une seule chose. L’entraînement, l’alimentation, l’eau, le sommeil, la récupération et le mental sont chacun réels en soi, et aucun ne fonctionne seul. Le symbole, ce sont donc huit points mis en relation les uns avec les autres, et le cœur est ce qu’ils forment ensemble.

Kata est le mot japonais qui désigne une forme que l’on pratique jusqu’à ce qu’elle fasse partie de soi. Les points sont ces répétitions : la journée que vous avez notée, la série que vous avez terminée, la nuit où vous avez dormi.

Logo

Le logo.

Le bloc marque, le cœur seul et le logotype, pour fonds clairs et sombres. Laissez autour du bloc marque un espace libre égal à la hauteur du cœur, et ne le redessinez, ne le recolorez et ne l’étirez jamais. Les versions monochromes sont dans le pack.

Bloc marqueSur fond clair
Bloc marqueSur fond sombre
Symbole, Sur fond clair
SymboleSur fond clair
Symbole, Sur fond sombre
SymboleSur fond sombre
Logotype, Sur fond clair
LogotypeSur fond clair
Logotype, Sur fond sombre
LogotypeSur fond sombre

Couleur

Les couleurs.

Kata sage et Mineral Black portent la marque. Chaque domaine de l’app possède en plus sa propre paire : vous savez toujours où vous êtes.

Kata sage

Le symbole et chaque surface de marque.

#96A48D · #DAE3CF
Mineral Black

L’encre, les surfaces sombres et le bouton par défaut. Le texte est en #2d3233, jamais en noir pur.

#000000 · #2D3233

Les paires par domaine.

Activité#87A266 · #C5DBA5
Focus#4E6391 · #A1B1CE
Sommeil#9E79D3 · #BBA6DD
Nutrition#9E6A7F · #CCAEBE
Aujourd’hui#E2845A · #F2DAC9
Esprit#4B8599 · #A3C5CE
Alerte#CD7966 · #F3D5C9

Les neutres.

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

Chaque dégradé repose sur son extrémité intense : l’intense en bas, la claire pleinement atteinte à 72 % et maintenue jusqu’en haut. La lumière vient d’en haut.

Le contraste, sans détour : mesuré là où se pose un libellé centré, le blanc atteint 15,87 pour 1 sur le bouton Mineral Black, mais seulement de 1,60 à 2,87 sur les paires colorées, et c’est pourquoi le bouton par défaut est noir. Les étiquettes posent l’encre propre à chaque couleur sur un lavis clair, de 4,62 à 4,78. Chaque chiffre figure dans colors.txt.

La palette en fichierTXTJSONASE

Typographie

Articulat CF.

Une seule famille, trois rôles. Les chiffres qui doivent s’aligner utilisent sa coupe à chasse fixe, Articulat CF Tab.

Medium 500Les titres, en approche serrée.

Racontez votre journée à Kata.

Regular 400Le texte courant et l’interface.

Racontez votre journée à Kata.

DemiBold 600La mise en relief, les chiffres et les libellés de boutons.

Racontez votre journée à Kata.

Les polices sont sous licence, elles ne sont donc pas dans le pack : fonts.txt nomme chaque coupe et indique où en obtenir la licence.

Icônes

Les icônes.

Le favicon et les icônes d’app, rendus à partir des mêmes fichiers maîtres que le reste de l’identité.

Le favicon Kata
FaviconSVG, ICO et PNG, jusqu’à 512 px.
L’icône d’app Kata pour iPhone
iPhone1024 px, en clair et en sombre.
L’icône d’app Kata pour Apple Watch
Apple Watch1024 px.
L’icône d’app Kata pour Android
Android512 px pour Google Play, plus les calques adaptatifs.