Recursos de marca

Recursos de marca de Kata.

Todo lo que necesitas para mostrar Kata, en una sola descarga.

Un solo zip: el logo en SVG y PNG para fondos claros y oscuros, el favicon y los iconos de app para iPhone, Apple Watch y Android, los colores en texto, JSON y muestras, y una nota sobre la tipografía.

La marca

Ocho puntos, un corazón.

La salud nunca es una sola cosa. Entrenamiento, comida, agua, sueño, recuperación y la cabeza: cada parte es real por sí misma, y ninguna funciona por su cuenta. Por eso la marca son ocho puntos, puestos en relación unos con otros, y el corazón es lo que forman juntos.

Kata es la palabra japonesa para una forma que se practica hasta que pasa a ser uno mismo. Los puntos son esas repeticiones: el día que registraste, la serie que terminaste, la noche que dormiste.

Logo

El logo.

El lockup, el corazón por sí solo y el logotipo, para fondos claros y oscuros. Deja alrededor del lockup un espacio libre igual a la altura de un corazón, y nunca lo redibujes, lo recolorees ni lo estires. Las versiones en un solo color están en el paquete.

LockupSobre claro
LockupSobre oscuro
Símbolo, Sobre claro
SímboloSobre claro
Símbolo, Sobre oscuro
SímboloSobre oscuro
Logotipo, Sobre claro
LogotipoSobre claro
Logotipo, Sobre oscuro
LogotipoSobre oscuro

Color

Los colores.

Sage y Mineral Black sostienen la marca. Cada área de la app tiene además su propio par, así que siempre sabes dónde estás.

Kata sage

El símbolo y cada superficie de marca.

#96A48D · #DAE3CF
Mineral Black

Tinta, superficies oscuras y el botón por defecto. La tipografía es #2d3233, nunca negro puro.

#000000 · #2D3233

Los pares de área.

Actividad#87A266 · #C5DBA5
Enfoque#4E6391 · #A1B1CE
Sueño#9E79D3 · #BBA6DD
Nutrición#9E6A7F · #CCAEBE
Hoy#E2845A · #F2DAC9
Mente#4B8599 · #A3C5CE
Alerta#CD7966 · #F3D5C9

Neutros.

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

Cada degradado se apoya en su extremo intenso: el intenso abajo; el claro, ya pleno al 72 por ciento, se mantiene hasta arriba. La luz cae desde arriba.

Sobre el contraste, sin rodeos: medido donde se apoya una etiqueta centrada, el blanco alcanza 15,87 a 1 sobre el botón Mineral Black, pero solo de 1,60 a 2,87 sobre los pares de color, y por eso el botón por defecto es el negro. Las etiquetas usan la tinta propia de cada color sobre un fondo claro, con un contraste de 4,62 a 4,78. Todas las cifras están en colors.txt.

La paleta como archivoTXTJSONASE

Tipografía

Articulat CF.

Una familia, tres papeles. Las cifras que deben alinearse usan su corte de ancho fijo, Articulat CF Tab.

Medium 500Títulos, muy ajustados.

Cuéntale tu día a Kata.

Regular 400Cuerpo e interfaz.

Cuéntale tu día a Kata.

DemiBold 600Énfasis, cifras y etiquetas de botón.

Cuéntale tu día a Kata.

Las fuentes están sujetas a licencia, así que no van en el paquete: fonts.txt nombra cada corte y dónde obtener su licencia.

Iconos

Los iconos.

El favicon y los iconos de app, generados a partir de los mismos originales que el resto de la identidad.

El favicon de Kata
FaviconSVG, ICO y PNG, hasta 512 px.
El icono de la app Kata para iPhone
iPhone1024 px, en claro y en oscuro.
El icono de la app Kata para Apple Watch
Apple Watch1024 px.
El icono de la app Kata para Android
Android512 px para Google Play, más las capas adaptativas.