Recuro Health se dedica a la idea de que juntos podemos y vamos a transformar un sistema de asistencia sanitaria reactivo en una plataforma de asistencia sanitaria verdaderamente proactiva. Al fin y al cabo, nuestra marca consiste en poner a nuestros afiliados en contacto con médicos de calidad que puedan adaptar el plan de cada paciente a sus necesidades individuales.
Misión
Recuro está reduciendo los costes y mejorando los resultados a través de nuestro Digital Medical Home™ preventivo
Por qué importa nuestra marca:
Nuestra marca debe comunicar la misma innovación y presencia que nuestros afiliados esperan de una empresa sanitaria de confianza. Para ayudar a alinear nuestra identidad, hemos construido esta guía de marca para comunicar nuestra visión compartida. Por tanto, nuestra marca debe transmitir 3 pilares fundamentales: confianza institucional, innovación científica y personalización de la asistencia sanitaria. Todos los tipos de letra, colores y fotos se han elegido para reflejar estos ideales.
Logos
Utilizamos tres versiones del logotipo Recuro optimizadas para distintos tamaños: una versión vertical, una versión horizontal y un símbolo de logotipo favicon.
Proporciones y escalas
Logotipo vertical:
La versión vertical del logotipo debe utilizarse en aplicaciones a gran escala, como señalización, camisetas, etc. Este logotipo también puede mostrarse solo, o dentro de un círculo blanco cuando se aplica sobre un fondo oscuro/complejo.
Logotipo horizontal:
Utilícelo habitualmente cuando el logotipo vertical no quepa en un diseño determinado. Nunca escale por debajo de 30px.
Logotipo de una línea:
Utilícelo sólo si el diseño lo hace absolutamente necesario.
Favicon:
Iconos y avatares de aplicaciones (pueden ampliarse como tratamientos de fondo).
Socios
A medida que Recuro amplíe su oferta de servicios y sus miembros, nuestra organización también tendrá que ampliarse. En consecuencia, todas las adquisiciones o subdivisiones deben tener algún identificador visual que haga referencia a la marca matriz de Recuro. A la derecha encontrará un ejemplo de estos tratamientos.
Marca compartida con Recuro
Posicionamiento:
La posición del término «Powered by Recuro» debe ajustarse al cierre del logotipo existente, siempre que mantenga una distancia coherente, tal como se identifica con la «A» en el subtexto.
Contraste
Es esencial que nos atengamos a las normas de accesibilidad web al utilizar nuestra paleta. Cumplimos las normas AA. A la derecha figuran las variaciones aprobadas por la AA de cómo debe tratarse el logotipo Recuro en una escala de degradado de claro a oscuro. Básicamente, todos los logotipos y tipos de letra aplicados sobre un fondo claro deben utilizar tratamientos oscuros. En cambio, todos los logotipos y tipos de letra aplicados sobre un fondo oscuro deben utilizar tratamientos claros para aportar contraste.
Logotipos y accesibilidad
Fondos claros:
Preste mucha atención a la relación de contraste que se crea al colocar nuestro logotipo claro sobre un fondo oscuro. Debe asegurarse de que haya suficiente distinción entre los elementos de fondo y de primer plano.
Fondos oscuros:
Para fondos oscuros, puede utilizar los logotipos en blanco o en blanco bicolor. Es fundamental que el degradado del logotipo no se funda con el color de fondo. En caso de duda, utilice el logotipo completamente blanco.
Colores
Nuestra paleta de colores consta de 6 valores, junto con su respectivo conjunto de tintes y matices (no mostrados aquí). La paleta es flexible, ya que permite numerosas combinaciones de colores, desde funcionales y limpias hasta divertidas y dinámicas. Los colores primarios deben ser claros y brillantes para reflejar un aspecto limpio y moderno, como cabría esperar de una marca sanitaria. Los colores secundarios más oscuros deben utilizarse como elementos de apoyo, incluida la diversidad del diseño.
Colores monocromáticos
Marina
| CYMK | 100/97/34/24 |
| RGB | 36/36/89 |
| HEX | #242459 |
Púrpura
| CYMK | 80/82/0/0 |
| RGB | 81/75/163 |
| HEX | #514BA3 |
Violeta
| CYMK | 63/57/0/0 |
| RGB | 121/122/210 |
| HEX | #797AD2 |
Bígaro
| CYMK | 36/29/0/0 |
| RGB | 159/171/233 |
| HEX | #9FABE9 |
Acero
| CYMK | 19/14/0/0 |
| RGB | 199/208/249 |
| HEX | #C7D0F9 |
Agua
| CYMK | 9/6/0/0 |
| RGB | 227/233/255 |
| HEX | #E3E9FF |
Hielo
| CYMK | 3/2/0/0 |
| RGB | 245/246/255 |
| HEX | #F5F6FF |
Gradiente 1
| CYMK | 80/82/0/0 | 63/57/0/0 |
| RGB | 81/75/163 | 121/122/210 |
| HEX | #514BA3 | #797AD2 |
Gradiente 2
| CYMK | 70/73/0/0 | 56/62/0/0 |
| RGB | 102/83/206 | 143/110/233 |
| HEX | #6653CE | #8f6EE9 |
Fuentes
Un formato óptimo es importante para la legibilidad. Preste atención a la jerarquía de la tipografía, ya que se trata de un equilibrio entre tamaño, peso y estilos de letra. Aquí hemos emparejado fuentes serif y sans-serif.
Familia tipográfica y jerarquía
Juxaposición:
Cuando se combinan, la yuxtaposición de las dos fuentes serif y sans-serif crea una sensación de establecimiento, confianza y legitimidad, elementos básicos que influyen directamente en la percepción y reputación de nuestra marca en el mercado.
Formato
Las letras, el interletraje y la longitud de línea desempeñan un papel crucial en la coherencia de la marca. Procure que el cuerpo del texto tenga la longitud óptima, y que el titular tenga la misma longitud.
Rampa de tipos y formato
Titulares:
Los titulares H1 nunca deben superar un máximo de 5-10 palabras para conservar su escala. Escala es muy importante para moler el peso de la copia del cuerpo. En su lugar, aplique titulares más largos como elementos H2 o H3 debajo de la llamada H1.
Fotos
Una fotografía limpia, minimalista y de un solo tema define la marca Recuro. Todas las fotos deben incluir un tono frío (o un tono azul). Los fondos deben incluir espacio negativo para que el contenido pueda superponerse a las fotos. El siguiente enlace le llevará a nuestra biblioteca de fotografías. Tenga en cuenta que estas fotos aún no han sido corregidas de color ni recortadas de sus fondos. Estas fotos deben utilizarse únicamente como referencia visual. Póngase en contacto con [email protected] si necesita ayuda con la edición de fotos.
Limpio, Mínimo, Espacio en blanco
Sujetos aislados:
Cuando sea posible, recorta los sujetos para tener un fondo limpio.
Dispositivos móviles:
Cuando sea posible, la fotografía debe incluir dispositivos móviles.
Natural y cándido:
La fotografía del paciente debe ser positiva, acogedora y sincera.
Diversidad e inclusión:
Siempre deben utilizarse fotos diversas que reflejen temas de la vida real.
Fondos mínimos:
Los fondos deben ser mínimos y tener un enfoque principal.
Lo que hay que evitar:
Evita los fondos complejos, los colores cálidos estilizados o las fotos con varios sujetos.
Dispositivos
Las maquetas de los dispositivos deben utilizarse en yuxtaposición con fotografías de los miembros o de los médicos. Evite utilizar maquetas poco realistas. Los dispositivos móviles, ordenadores portátiles o tabletas deben tener un marco blanco o plateado.
Pantallas y maquetas de aplicaciones
Antecedentes:
Los fondos deben utilizar eficazmente el espacio negativo y descansar sobre un color sólido. Evita mostrar capturas de pantalla de la aplicación Recuro en dispositivos oscuros o negros.
Iconos
La marca Recuro utiliza 2 estilos de iconos distintos: iconos Duotone e iconos Font Awesome. Blanco ambas bibliotecas son extensas tenemos control directo sobre el conjunto de iconos duotono. Estos iconos pueden personalizarse y construirse para comunicar ideas conceptuales a través de materiales de marketing. La biblioteca Font Awesome debe utilizarse para aplicaciones móviles y web cuando esté disponible. La biblioteca ofrece una gran variedad de estilos de iconos. No obstante, siempre que sea posible, utilice el conjunto de fuentes de peso «ligero» para imitar el resto de nuestros iconos en los elementos de la interfaz de usuario.
Bibliotecas de iconos y peso de línea
Iconos de doble tono:
Biblioteca completa de iconos: www.flaticon.com/authors/icongeek26/outline-colour
Iconos Font Awesome:
Biblioteca completa de iconos: https://fontawesome.com/v5/cheatsheet/pro/light
Patrones
La superposición de elementos desempeña un papel fundamental en los distintos tratamientos de diseño de Recuro. Las formas geométricas superpuestas crean sensación de profundidad y movimiento. A continuación figuran algunos elementos comunes utilizados en la marca.
Estilismo y tratamientos
Rejillas
Con el fin de crear una coherencia en todo el material web e impreso, Recuro utiliza un sistema de cuadrícula rígida para establecer lo que se conoce como una secuencia Fibonacci de contenidos.
Sistema de red equilibrada
Secuencia de Fibonacci:
La secuencia de Fibonacci es un sistema de diseño basado en el equilibrio matemático. Como resultado, el público se siente en paz, aunque una disposición pueda parecer asimétrica. La propia secuencia comienza con 1 y se escala exponencialmente en espiral hacia fuera, aumentando así su tamaño y simplicidad.
Botones
Todos los botones deben tener las esquinas redondeadas. Dependiendo del tamaño del botón CTA, las esquinas redondeadas pueden variar en función de la escala. Una buena regla general para los botones normales es establecer el radio del borde en 100%. Para botones más grandes, ajuste el radio del borde a 5px. Los CTA grandes deben utilizarse raramente, ya que se reservan para conversiones de páginas de aterrizaje de mayor visibilidad.
CTA y esquinas redondeadas
CTA grande: Estática
CTA grande: Hover
Botón normal: Estático
Todos los botones estáticos deben ser transparentes con un trazo sólido. Todos los botones normales deben tener las esquinas redondeadas al 100%.
Botón normal: Hover
Todos los estados hover de los botones deben ser una inversión directa de sus colores estáticos. Debe mantenerse el acolchado interior de todos los botones.
