Sistema oficial de la marca

Guía de marca de kind365

Todo lo que necesitas para representar a kind365 de manera coherente: logotipo, colores, tipografía, tono de voz, marcas de los programas y recursos. Diseñado para socios, medios de comunicación, empleados y creadores.

Historia de la marca

kind365 existe para convertir la amabilidad en un hábito diario, un pequeño gesto a la vez. Nuestra marca debe transmitir calidez, optimismo y una confianza discreta: un recordatorio amable, no un sermón.

Misión

Ayuda a las personas a realizar un acto de bondad al azar cada día, a llevar un registro de su progreso y a convertir la generosidad en un hábito duradero, ya sea por su cuenta o junto con su comunidad.

Promesa

Un acto de bondad al día. Herramientas sencillas, rachas reales, impacto real, para las personas, los lugares de trabajo, las aulas y las congregaciones.

Personalidad

Amigable · Optimista · Claro · Inclusivo · Divertido sin ser infantil (excepto en el Modo Niños, donde lo divertido es precisamente el objetivo).

«Difunde bondad todos los días». Nuestro lema: breve, dinámico y universal.

Icono de la aplicación

El ícono de la app es el elemento gráfico principal del producto, que se utiliza para las instalaciones, los favicons, las PWA y los avatares en redes sociales. Se recomienda utilizar el archivo PNG maestro; mantén el radio de las esquinas según las especificaciones nativas de cada plataforma (iOS y Android ocultan los bordes del cuadrado).

Icono de la app kind365 de 128 píxeles 128px
Icono de la app kind365 de 80 píxeles 80px
Icono de la app kind365 de 48 píxeles 48px
Icono de la app kind365, 32 píxeles 32px / favicon

Qué hacer: usa el ícono a todo el borde sobre fondos de marca sólidos o neutros. Qué no hacer: agregar sombras, texto o insignias sobre el diseño maestro para fines de mercadotecnia.

Sistema de colores

El verde azulado es el color principal de la marca. Los tonos neutros predominan en la interfaz de usuario. La aplicación para consumidores también ofrece una paleta completa de colores de acento que los usuarios pueden personalizar; esos colores son accesos de marca de primera clase para ilustraciones y campañas.

Marca principal

Marca Teal #007A72 Llamadas a la acción principales, logotipo, enlaces, anillos de enfoque
Luz verde azulada #E0F2F0 Chips, rellenos blandos, filas seleccionadas
Verde azulado oscuro #005C56 Estados al pasar el cursor, degradados, énfasis
Verde salvia #449891 Clásico / verde azulado alternativo (detalle en «Sage»)

Neutros

Tinta#111827Texto principal
Silenciado#6B7280Texto secundario
Frontera#E5E7EBDivisores, entradas
Lienzo#F9FAFBFondos sutiles

Paleta de colores de la aplicación

Acentos seleccionables por el usuario en la aplicación para consumidores (y aptos para ilustraciones de marketing).

Violeta#6B8DD6
Coral#E06C75
Ámbar#F5A623
Morado#9B59B6
Azul#3498DB
Rosa#E91E63
Verde#2ECC71
Naranja#F39C12

Aspectos destacados del programa (sitios de mercadotecnia)

Negocios#007A72Color verde azulado de la marca, color principal del programa
Educación#9B59B6Toque morado para el marketing educativo
Iglesias#F5A623Ámbar cálido para el marketing de la iglesia

Tipografía

Solo dos funciones: una imagen distintiva de la marca para el logotipo, y un sistema de interfaz de usuario altamente legible para todo lo demás.

Marca: Filson Soft Bold
kind365

Solo logotipos tipográficos. Un solo estilo en negrita; peso de 400 para que el texto no aparezca en doble negrita. Espaciado entre letras ≈ -0,02 em.

Pantalla / Interfaz de usuario: System sans
Difunde bondad todos los días

-apple-system, BlinkMacSystemFont, «Segoe UI», Helvetica, Arial, sans-serif. Encabezados 700-800; cuerpo 400-600.

Cuerpo

kind365 te recuerda que realices un acto de bondad al azar cada día. Construye una racha, celebra los logros e invita a tus compañeros de trabajo, de clase o de tu iglesia a unirse a ti.

Tamaño del texto: ~16 px / altura de línea: 1,6. Color tenue para las líneas secundarias. Se prefieren los párrafos cortos.

FunciónTamaño (web)PesoNotas
Héroeabrazadera 2-2,9 rem800Seguimiento preciso
Sección~1,5 rem800Estructura de la página
Cuerpo1-1,05 rem400-600Se puede leer en dispositivos móviles
Etiqueta / chip.72-.78rem700Mayúsculas + espaciado entre caracteres: solo para etiquetas
Logotipo de textocontextoFilson 400Nunca escribas todo en mayúsculas

Voz y tono

Análisis del tono para textos de autores, de soporte, redes sociales y de productos. Nuestro tono es como el de un amigo amable que, por casualidad, desarrolla software; nunca como el de un folleto corporativo de responsabilidad social empresarial.

Somos

  • Cálido: anima, no hagas sentir culpable.
  • Claro: primero, un lenguaje sencillo.
  • Optimista: los pequeños gestos se acumulan.
  • Inclusivo: cualquiera puede empezar hoy mismo.
  • Humano: contracciones, oraciones cortas.

No somos

  • Sermoneador: sin superioridad moral.
  • Jerga corporativa: evita el uso excesivo de jerga.
  • Cínico: el humor es amable, no sarcástico.
  • Salesy: las funciones están al servicio del hábito.
  • Exclusivo: nada de «solo para los donantes de élite».

Espectro tonal

ContextoEnergíaFormalidadEjemplo
Producto (estados vacíos, llamadas a la acción) Optimista, breve Informal “¿Listo para la función de hoy?”
Hitos / celebraciones Alto, alegre Informal “Ya van 7 días seguidos, estás creando un verdadero hábito.”
Ayuda / Aspectos legales Tranquilo, firme Transparente-neutro “A continuación te explicamos cómo eliminar tu cuenta y qué información eliminamos.”
Negocios / Lugar de trabajo Seguro de sí mismo Profesional-cálido “Ayuda a tu equipo a ser amable todos los días, sin necesidad de otra hoja de cálculo.”
Educación Alentador Fácil de usar para los maestros “Un código de clase. Amabilidad todos los días. No se necesitan calificaciones.”
Iglesias Respetuoso, esperanzado Cálido-formal “Lleva contigo la bondad del domingo a los otros seis días.”
Modo infantil Juguetón, grande Muy informal “¡SÍ! ¡Lo lograste!”

Di sí

  • «Un pequeño gesto hoy».
  • “Tu racha te está esperando, sin presión, solo es un recordatorio.”
  • “Invita a tu equipo con un solo código.”
  • «Donamos a organizaciones benéficas los ingresos por publicidad que superan los costos básicos».

No digas

  • “Eres una mala persona si te saltas algo.”
  • “Rompe el paradigma de la bondad con sinergia.”
  • «Solo las élites desarrollan hábitos de verdad».
  • “Seguro que cambiará el mundo de la noche a la mañana.”

Sistema de escritura

Mecanismos que mantienen la coherencia entre el producto, el mercadotecnia y el servicio al cliente.

TemaReglaEjemplos
Nombre del producto Escribe siempre «kind365» en minúsculas en el texto del cuerpo. Nunca «Kind 365» ni «KIND365». kind365 · kind365 para empresas
Nombres de programas “kind365 para empresas / educación / iglesias / niños” No es «Kind365 Business Edition»
Hechos «acto de bondad» / «actos», sencillos y concretos “Anota lo que hiciste hoy”
Rachas Celebra sin avergonzarte de los errores; siempre hay una solución «Repara un día», no «te fallaste»
Botones El verbo primero, de 1 a 3 palabras Descarga la app · Empieza gratis · Descarga el PDF
Fechas Días del calendario local para las acciones de los usuarios; solo UTC para los períodos de administración global Para el usuario: «hoy», «ayer»
Emoji Con moderación en marketing; en el «Modo Niños» se puede usar más Es mejor usar un emoji que tenga sentido, en lugar de un montón de ellos

Marcas del programa

La misma marca matriz, promesas distintas. Reutiliza el logotipo; varía el tono y el lenguaje dirigido al público.

Consumidor

kind365

Actividades diarias, rachas, amigos, votaciones benéficas. Color verde azulado predeterminado. Página principal de la historia del producto.

Negocios

para empresas

Cultura, bienestar, participación. Azul verdoso + tono cálido profesional.

Educación

para la educación

Aulas, aprendizaje socioemocional (SEL), participación, toque morado en el marketing. Cuentas para niños + herramientas para padres.

Iglesias

para iglesias

Hábitos de la congregación y servicio más allá del domingo, con un toque ámbar. Lenguaje respetuoso y esperanzador.

Modo infantil

Un sistema visual independiente para las cuentas infantiles: paleta de colores dulces, tipografía redondeada, objetivos gigantes y Kindly, la mascota en forma de corazón. El diseño cromado para adultos se tiñe de color coral en el Modo Niños; nunca mezcles la interfaz de usuario densa para adultos con las interfaces para niños.

Alegre · Redondeado · Alegría instantánea

Degradados de cielo, botones grandes, recompensas que parecen calcomanías. Los colores se mantienen vivos tanto en la luz como en la oscuridad; las superficies se adaptan.

Coral#FF6B8ADetalles cromados para niños
Césped#43C97FSÍ / éxito
Berry#2B3A67Tinta para niños

Imágenes y material gráfico de productos

Prefiere la interfaz de usuario real del producto en lugar de los clichés típicos de «apretón de manos». Las capturas de pantalla deben dar una sensación de actualidad y autenticidad.

Modo claro de la pantalla de inicio de kind365

Hogar, luz

Modo oscuro de la pantalla de inicio de kind365

Hogar, oscuridad

Celebración de la racha de kind365

Celebración de la racha

Redes sociales y compartir imágenes

Imágenes de portada prediseñadas para cada sección del sitio, que se utilizan automáticamente como imagen de vista previa del enlace en Facebook, LinkedIn, Slack, Discord, WhatsApp y los enlaces enriquecidos de iMessage/SMS (a través de las etiquetas Open Graph y Twitter Card), y que están disponibles aquí para descargarlas y subirlas manualmente como cabecera de Twitter/X, imagen de portada de una página de Facebook o banner de LinkedIn.

Cada tarjeta muestra el ícono de la aplicación junto con el logotipo «Filson Soft Bold» sobre el color verde azulado característico de la marca, una insignia del programa cuando corresponda y una descripción de una línea que refleje la misión de esa división, de modo que un enlace compartido de kind365 siempre se identifique correctamente, incluso para un lector que nunca haga clic en él.

Patrones de interfaz de usuario (productos y web)

Tokens compartidos para que el marketing, los portales y la app se sientan como una sola familia.

Radio

Tarjetas: 16 px; controles de formulario: 10 px; llamadas a la acción (CTA) de marketing: botones redondos completos (100 px). Modo Niños: sombras más marcadas y desplazadas con «borde definido».

Botones

Llamadas a la acción (CTA) de marketing: forma de pastilla, negrita 1rem, relleno de 14×28. Color principal: verde azulado relleno; contorno fantasma de 2px → verde azulado al pasar el cursor.

Primaria Fantasma

Moción

150-200 ms de transición suave al pasar el cursor. Las animaciones de celebración pueden ser más elaboradas; nunca bloquees los flujos principales con animaciones.

Accesibilidad

Las decisiones relacionadas con la marca nunca deben sacrificar la legibilidad ni la inclusión.

  • Texto del cuerpo sobre fondo blanco: tinta #111827 (no gris claro).
  • El color verde azulado sobre fondo blanco se usa para texto grande y elementos de interfaz de usuario; verifica el contraste en las etiquetas pequeñas.
  • No transmitas el significado solo con el color; combínalo con íconos o texto.
  • Respeta la reducción de movimiento y el escalado de fuentes del sistema en la interfaz de usuario del producto.

Modos del producto

La aplicación incluye modos de accesibilidad con alto contraste y letra grande. El modo oscuro se ajusta según la preferencia de cada cuenta (sistema / claro / oscuro).

Descargas y derechos de uso

Los socios y la prensa pueden utilizar estos recursos para referirse a kind365 de manera precisa. No se debe dar a entender que contamos con su respaldo, ni alterar las marcas, ni utilizarlas para productos que no tengan relación con nosotros.

Logotipo tipográfico: configura el texto «kind365» en la fuente Filson Soft Bold con el color verde azulado de la marca. No se requiere un archivo SVG del logotipo por separado. Para presentaciones de colaboración o trabajos de marca compartida, envía un correo electrónico a contact@kind365.app.

Empleados: esta página es la fuente de referencia oficial de la marca. El artículo «Kit de marca y voz» del Centro para empleados tiene un enlace a esta página. Utilicen estas especificaciones antes de publicar cualquier presentación, folleto o publicación en redes sociales.