Recursos de marca
Recursos de marca de Kata.
La identidad, lista para usar. Ocho puntos, un corazón, siete colores de área, una tipografía. Llévate el paquete, o archivos sueltos más abajo.
La marca
Ocho puntos, un corazón.
La salud nunca es una sola cosa. Entrenamiento, comida, agua, sueño, recuperación, la cabeza, los números y el coach que los lee. Cada parte es real por sí misma. Ninguna funciona por su cuenta.
Por eso la marca no es una forma única. Son ocho puntos, puestos en relación unos con otros, y el corazón es lo que forman juntos. Las partes de una persona, sostenidas en un solo sistema.
Kata es la palabra japonesa para una forma que se practica hasta que deja de ser esfuerzo y pasa a ser uno mismo. Muchas repeticiones, una forma. Los puntos son esas repeticiones: el día que registraste, la serie que terminaste, la noche que dormiste. Cada uno es pequeño. Juntos son la práctica, y la práctica se convierte en la persona.
El degradado vivo
Una marca. Todos los colores.
Aquí el color no es decoración. Te dice dónde estás. Cada área de Kata tiene un degradado, y la marca toma el color del área en la que estás.
A su aire, la marca recorre todo el sistema: 36 segundos, un color dentro del siguiente, el extremo claro siempre arriba porque la luz cae desde arriba. El lockup, el símbolo y el botón principal leen el mismo reloj, así que la identidad nunca se desfasa consigo misma.
Qué dice cada color.
Movimiento, sesiones, lo que construyes. El verde: el crecimiento, sesión a sesión.
En lo que trabajas, más agua y datos. Limpio, medido, factual.
La noche. El descanso tiene color propio.
Ciruela y baya. Lo que alimenta el cuerpo, suplementos incluidos.
El día que tienes delante. El amanecer, la energía y la primera hora.
Cómo estás. Agua fresca, aparte del resto.
Desde aquí habla el coach. Tinta, nunca decoración.
Logo
El lockup.
El corazón de ocho puntos y el logotipo, unidos. Déjale la altura de un corazón de espacio libre por cada lado. Nunca lo redibujes, lo recolorees ni lo estires.
Símbolo
El corazón.
Ocho puntos forman un corazón. Representa a Kata por sí solo: iconos de app, avatares, favicons y allí donde el logotipo no cabe. Los puntos son sólidos, nunca de contorno.
Color
El sistema de color.
Dos degradados de marca y seis pares de área. Cada área de la app tiene el suyo, así que siempre sabes dónde estás por la luz que te rodea.
Los dos degradados de marca.
El degradado de marca. Sostiene el símbolo, los fondos y cada superficie de marca.
Tinta, superficies oscuras y botones primarios. La tipografía deriva de #2d3233, nunca del negro puro.
Una regla vale en todas partes: el extremo fuerte va abajo, el claro queda del todo alcanzado al 72 por ciento y se mantiene hasta arriba. La luz cae desde arriba. Los botones también la siguen: el mismo par, la misma caída, una etiqueta blanca.
Los pares de área.
El sage sobre el que descansa todo el sistema.
Movimiento y crecimiento. El verde, sesión a sesión.
En lo que trabajas, más hidratación y datos. Azul acero, limpio y medido.
La noche. El violeta es del descanso.
Ciruela y baya. Lo que alimenta el cuerpo, suplementos incluidos.
El día que tienes delante. El albaricoque: el amanecer, la energía y la primera hora.
Aguamarina. Agua fresca, aparte del resto.
Mineral Black. Desde aquí habla el coach.
Terracota. Reservado para lo que resta. Nunca decoración.
Los botones, el propio par.
Lo único que una pantalla te pide pulsar. Un botón relleno lleva su propio par de área: el extremo fuerte en el pie, el claro del todo alcanzado al 72 por ciento, y la etiqueta es blanca, nunca negra. El número de la derecha es el blanco contra el punto medio de esa caída, donde la etiqueta se apoya de verdad. Dicho con honestidad: solo Mineral Black alcanza 4.5, y por eso el botón por defecto es en todas partes el par negro. Una página que posee un color lleva su propio par y acepta un número más suave.
Etiquetas y selección, aún más claras.
Una etiqueta de antetítulo no es un botón, ni tampoco un control segmentado o una píldora de idioma. Todo lo que indica un estado toma un velado claro del extremo claro de su familia y escribe encima con la tinta de esa misma familia. El número de la derecha es esa tinta sobre ese velado. Solo lo que pulsas va saturado.
Neutros.
Tipografía
Articulat CF.
Una familia, tres papeles. Nada más.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Cuéntale tu día a Kata.
Títulos. Muy ajustados: -0.032em en tamaño hero, hasta -0.012em a 18px.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Cuéntale tu día a Kata.
Cuerpo e interfaz.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Cuéntale tu día a Kata.
Énfasis, cifras y etiquetas de botón.
Uso
Cómo usarlo.
La luz viene de arriba
El extremo más claro de un degradado va arriba o a un lado. Los botones lo mantienen: dos tonos planos, cabeza más clara, pie más profundo, y ningún brillo en ninguna parte.
Mineral Black, no negro
La tinta es #2d3233. El negro puro solo aparece dentro de la rampa de superficies oscuras.
La física de los botones
El primario es una píldora Mineral Black con etiqueta blanca. El secundario es una píldora gris clara con etiqueta gris. Los dos con radio de píldora completo.
Espacio libre
La altura de un corazón alrededor del lockup. El lockup nunca baja de 88px en pantalla ni de 22mm en impresión.
Nunca.
- Escribir KATA. La marca es Kata.
- Recolorear el símbolo, ponerle contorno o añadirle efectos.
- Estirar, rotar o recortar el lockup.
- Invertir un degradado para que el extremo profundo quede arriba.
- Componer títulos con algo que no sea Articulat CF Medium.
- Usar el símbolo para sugerir un respaldo o una alianza.
Llévate el kit entero.
El paquete trae cada variante de logo, símbolo y logotipo en SVG y PNG, los nueve degradados, una hoja de colores y un readme.
Descargar el paquete completo