Elevale Marca

Principios, activos y referencias.

Fundamentos de la marca

Valores de marca

Estos principios dan forma a las decisiones sobre productos, al marketing y a nuestra manera de presentarnos ante los equipos directivos. Son innegociables en la comunicación externa.

Alineación sobre la actividad

Los equipos ocupados no son lo mismo que los equipos alineados.

Hablamos de una dirección compartida, de OKRs vinculados y de un progreso que la junta pueda ver, no de actividad por la actividad misma.

Claridad por encima del ruido

Los líderes deberían poder ver lo que realmente importa sin otro laberinto de paneles de control.

Reducimos la fragmentación: un único centro de mando para la dirección, las métricas y la ejecución. El lenguaje se mantiene claro y específico.

La evidencia por encima de la opinión

Las decisiones deben basarse en datos en tiempo real, no en exportaciones obsoletas.

Hacemos hincapié en los KPIs, los registros de cambios y los conocimientos de IA basados en la realidad, pruebas sobre las que el liderazgo puede actuar, no en exageraciones ni conjeturas.

Diseñado para el liderazgo

Ejecución de nivel empresarial sin la complejidad propia de una empresa.

Respetamos a los directores y operadores: rigor en la sala de juntas, facilidad de uso para el usuario final y gobernanza sin burocracia.

Fundamentos de la marca

Mensajería

Lo que decimos, a quién se lo decimos y cómo lo demostramos, debe ser coherente en todos los materiales web, de producto, de ventas y de socios.

Elevale es la plataforma de ejecución estratégica que convierte la dirección en OKRs, KPIs en vivo y alineación de equipos, para directores de negocios que desean claridad y dirección, no caos.

Categoría

Plataforma de ejecución estratégica, no una herramienta de proyecto genérica ni otro panel de BI. Las tareas, los OKRs y los KPIs en tiempo real se encuentran en un solo sistema, de modo que la dirección, el trabajo diario y la evidencia permanecen vinculados, en lugar de estar dispersos en aplicaciones separadas.

Audiencia

Directores de empresa, fundadores y equipos de liderazgo que gestionan operaciones con múltiples sedes o en expansión. Definen la estrategia, realizan revisiones y necesitan que el negocio funcione como una sola entidad, no que se instale más software por el mero hecho de instalarlo.

Promesa

Convierta la estrategia en ejecución que su equipo directivo pueda visualizar y dirigir: una dirección clara, objetivos medibles, métricas en tiempo real e inteligencia artificial que analiza su negocio, no la web abierta.

Prueba

Fundamentar las afirmaciones en la realidad del producto: OKRs vinculados a tareas, KPIs en tiempo real, registros de cambios empresariales, Otto basado en datos del espacio de trabajo y resultados que los directores reconocen (alineación, menos puntos ciegos, revisiones más rápidas).

Flujo de mensajes

En las secciones de héroes y aterrizaje, narra la historia en tres pasos: comienza con un gancho que identifique la tensión, muestra cómo Elevale la resuelve y luego invita al siguiente paso. Este es el orden narrativo, no una especificación tipográfica. Los estilos de encabezado, cuerpo y botones se encuentran en Tipografía y Patrones de interfaz de usuario.

  1. Desafío Un gancho afilado, no un párrafo.

    Ustedes aceptaron el plan. Pregunten qué sigue en pie hoy y la sala se queda en silencio.

  2. Resolución Cómo Elevale cambia la imagen

    Un único centro de mando conecta la dirección, los OKRs, los KPIs en directo y las tareas diarias para que su equipo directivo pueda ver el progreso y dirigir sin tener que lidiar con otro laberinto de paneles de control.

  3. Llamada a la acción El siguiente paso que quieres que den

    Comienza tu prueba gratuita de 14 días.

Lenguaje de mensajería

  • Uso: centro de mando, ejecución estratégica, dirección, alineación, KPIs en vivo, evidencia, equipo de liderazgo
  • Evitar: milagro todo en uno, disruptivo, IA revolucionaria, el mejor de su clase, sinergia
Fundamentos de la marca

Tono de voz

Así es como nos expresamos cuando nuestros valores y mensajes se plasman en la página: con confianza, franqueza y practicidad. Escrito para directores que necesitan claridad, no jerga técnica.

Claro

Explica qué hace Elevale y por qué es importante, en lenguaje sencillo. Oraciones cortas. Sustantivos concretos. Sin adjetivos superfluos.

Decisivo

Favorezca la voz activa y los resultados que los líderes pueden visualizar: evaluaciones que reflejen la realidad, objetivos que los equipos puedan asumir como propios y métricas que se actualicen en tiempo real.

Humano

Reconozca el problema real: herramientas fragmentadas, estrategias presentadas en diapositivas que nadie sigue, evaluaciones basadas en las cifras del mes pasado. Luego, proponga una solución viable.

Muestra acorde a la marca

Convierta la estrategia en ejecución que su junta directiva pueda ver.

Elevale conecta tu dirección, los OKRs y los KPIs en vivo en un centro de mando, para que los líderes dediquen menos tiempo a conciliar hojas de cálculo y más tiempo a dirigir el negocio.

Elección de palabras

  • Uso: claridad, ejecución, dirección, alineación, evidencia, fundamentado, liderazgo
  • Evitar: sinergia, disruptivo, revolucionario, el mejor de su clase, aprovechar (como verbo), utilizar

Por canal

  • Sitio web de marketing: centrado en titulares, orientado a la evidencia, con un mínimo de signos de exclamación.
  • Interfaz de usuario del producto: etiquetas concisas, estados vacíos útiles, sin publicidad innecesaria en los flujos de trabajo.
  • Ventas y presentaciones: la misma promesa que el sitio web: expandirse con testimonios de clientes, nunca contradecir el posicionamiento.
Fundamentos de la marca

Otón

Otto es una nutria: el asesor estratégico de IA y personaje de marca de Elevale. No es un portavoz humano. Siempre debe representar una solución, no un problema, y aportar claridad, energía y alegría con un propósito.

Otto la nutria, asesor estratégico de IA y personaje de marca de Elevale.

Lo que Otto representa

Claridad, energía y alegría, nunca una mascota, nunca un accesorio.

Él es el rostro de nuestro Asesor Estratégico de IA: una nutria que hace que los consejos prácticos parezcan accesibles. Es un socio estratégico vinculado a su dirección estratégica, OKRs, KPIs, wiki y contexto de mercado. Cada aparición debe mostrar el camino a seguir: un brief más claro, un obstáculo resuelto, impulso desde la comprensión hasta la acción, no el caos previo a Elevale.

En producto

Otto es el asesor estratégico de IA dentro de la plataforma: chat de voz y escrito, referencias en línea a KPIs y OKRs en vivo, y ayuda a convertir la información en una dirección, objetivos y tareas actualizadas. Es el asesor de referencia para preguntas importantes y sencillas: funcional, práctico y siempre vinculado a los datos del espacio de trabajo.

En marcas y marketing

En la página web y en las comunicaciones, Otto aparece cuando puede demostrar una solución: presentando el centro de mando, mostrando cómo se logra la claridad o señalando la IA que comprende el negocio. No es una mascota en el margen de la página. No es un simple adorno junto a una publicidad vacía. El propósito es lo primero.

En campañas

En las campañas, Otto promueve la claridad estratégica, la ejecución y la IA basada en el trabajo real, sin recurrir a la comedia ni a la personificación del problema. Muestra cómo se define la dirección, cómo se desbloquean las decisiones o cómo el liderazgo obtiene respuestas sin necesidad de un panel de control adicional. Solo se aceptan diseños aprobados.

Contacte con el equipo para su aprobación. Cualquier uso de Otto, ya sea para presentaciones internas, anuncios externos, redes sociales o materiales de socios, requiere la aprobación de la marca antes de su publicación.

Pautas

Este

  • Utilice a Otto únicamente cuando represente una solución: claridad, consejos sensatos, energía o impulso para pasar de la idea a la acción.
  • Inclúyelo cuando la narración de historias de Elevale necesite una guía clara para la respuesta: visión, pruebas, IA que conozca tu negocio, no chistes sobre características aisladas.
  • Que aporte claridad, energía y alegría. Ingenioso, directo y seguro como la voz de Dios, nunca sarcástico, caótico ni infantil.
  • Utiliza las ilustraciones aprobadas de Otto del kit de marca. No redibujes, cambies los colores ni estires el personaje.
  • Involucre al equipo de marca desde el principio en las campañas, el merchandising o las redes sociales para que el uso siga siendo intencional.

Esto no

  • No veas a Otto como el problema: confusión, fracaso, caos o miseria “antes de Elevale”. Él muestra la solución, no el dolor.
  • No lo trates como una mascota. Nada de imágenes prediseñadas, nada de sonrisas junto a textos que no apoya, nada de fondos de pantalla de marcas.
  • No lo uses como un simple accesorio. No sostengas carteles vacíos, no señales ofertas irrelevantes ni rellenes espacios porque la distribución parezca vacía.
  • No lo uses como relleno, fondo de pantalla o decoración estilo emoji sin ningún mensaje.
  • No lo incluyas en documentos técnicos, páginas legales o contextos que contradigan su posición de liderazgo.
  • No crees nuevas poses, disfraces o mensajes sin aprobación, ni siquiera para diapositivas internas.
  • No altere su apariencia, proporciones ni lo combine con logotipos o marcas de socios no autorizados.
Logo

El lockup es el logotipo predeterminado Elevale: marca del logotipo más marca denominativa en un solo archivo. El eslogan es un texto de marketing aparte. Lo usamos con frecuencia en el sitio, pero no forma parte del diseño del lockup.

Partes del logotipo

Utilice estos nombres de forma consistente en informes, presentaciones y el kit de marca. Cuando decimos logotipo Elevale, nos referimos al conjunto, a menos que solicitemos explícitamente solo el logotipo.

Partes del logotipo
Elevale lockup: logo mark and wordmark
Marca de logotipo
Los cuadrados entrelazados de color rosa y morado de la izquierda.
Logotipo
El nombre Elevale en Coolvetica Condensed a la derecha.
Cárcel
Logotipo y marca denominativa combinados. Este es el archivo de logotipo predeterminado.

eslogan

La estrategia que nunca muere

Ubicación típica en un héroe

Suele aparecer encima del titular principal. No lo incluyas en los archivos de logotipo exportados, a menos que la marca apruebe un diseño personalizado.

Qué significa el logotipo

El logotipo se compone de dos cuadrados, desplazados y entrelazados. Se perciben como módulos independientes que se unen: donde antes existía una brecha entre la estrategia y la ejecución, entre lo que decía la dirección y lo que la empresa podía demostrar, ahora hay una conexión clara y definida. No es una fusión. No es una adquisición. Es una conexión visible.

La superposición es el punto. Ese borde compartido es donde reside Elevale.

De la desconexión al esfuerzo conjunto

Hojas de cálculo en una esquina, OKRs en otra, análisis basados en las exportaciones del mes pasado. El logotipo es lo opuesto a esa tendencia: dos planos que se alinean para que la empresa deje de contradecirse en público.

La costura es el centro de mando

El espacio compartido no es un elemento decorativo. Es el punto de encuentro donde convergen el briefing, las métricas y la acción del equipo. Elevale es el resultado de esa convergencia: una superficie para la dirección, la medición y el seguimiento.

Entrelazados, aún en movimiento

El desplazamiento sugiere un avance sin colisiones. La estrategia no paraliza las operaciones; los datos no abruman a las personas. Los cuadrados avanzan juntos, como prioridades que finalmente convergen en la misma dirección.

Elevación en la unión

Elevale se inspira en ese punto. La alineación no es un cartel en la pared; es el momento en que la organización se eleva por encima del ruido porque la intención y la evidencia comparten la misma esencia. El logotipo es pequeño. La idea, no.

Rosa y morado en el logotipo

El rosa y el morado tienen cada uno una función en la marca. El rosa es cálido: dirección, impulso y la necesidad de decidir. El morado es frío: evidencia, estructura y prueba que sirve de guía. Manténgalos en su propio espacio; solo comparten el borde donde la intención se encuentra con la prueba. Las reglas HEX, RGB y de interfaz de usuario se encuentran en los colores principales.

  • Rosa

    Dirección y momento

    #E20F7A --pink

    Un magenta cálido con una energía vibrante. En el logotipo, ocupa un lugar destacado: la mirada lo alcanza primero, del mismo modo que el liderazgo debe identificar lo que importa a continuación.

    Represents La intención antes que la evidencia: hacia dónde se dirige el negocio, qué se prioriza y la energía para avanzar.

    En el logotipo, el rosa es el protagonista. En la interfaz de usuario del producto, es la capa de acción: botones principales, estados de prioridad y momentos que requieren una decisión clara.

  • Púrpura

    Evidencia y estructura

    #5270F5 --purple

    Un azul violeta sereno y profundo. Se sitúa ligeramente por debajo de la calidez del rosa y transmite precisión, estructura y solidez en un tono constante y fiable.

    Represents Lo que la empresa puede mostrar: datos en vivo, trabajo vinculado, estructura y liderazgo en base a datos confiables.

    En el logotipo, el morado complementa lo que el rosa inicia. En la interfaz de usuario del producto, transmite métricas, resalta la navegación y resalta las superficies donde la claridad es más importante que la decoración.

Dimensionamiento y espaciado

Mantenga un espacio libre equivalente a la altura del módulo de esquina rosa en la marca del logotipo (20 píxeles en el tamaño estándar del bloque) en todos los lados del bloque.

x = altura del módulo de esquina rosa en la marca del logotipo (20 px en el tamaño estándar del bloque). Deje al menos una x de espacio en los cuatro lados del bloque.

Espacio libre mínimo
Logo

Descarga los archivos de imágenes prediseñadas y solo el logotipo. Usa la imagen prediseñada para marketing; usa solo el logotipo únicamente cuando el espacio sea limitado y la marca ya sea reconocida.

Cárceles

Solo la marca del logotipo

Para favicons, iconos de aplicaciones, avatares e interfaz de usuario compacta. Los archivos de mosaicos de aplicaciones incluyen el fondo de color; no los recorte ni les cambie el color.

Logotipo sobre fondo morado (mosaico de la aplicación)

Descargar

Logotipo sobre fondo rosa (mosaico de la aplicación)

Descargar
Logo

Uso

Utilice la versión a todo color sobre fondos claros y la versión oscura sobre fondos oscuros sólidos. En fotografías o superficies con muchos detalles, añada una superposición sólida o cambie a la versión invertida para que la marca siga siendo legible.

Antecedentes aprobados

Luz
Oscuro

Cosas que se deben evitar

No estirar ni distorsionar

No añadas contornos

No gire el bloqueo

No lo coloques sobre fondos recargados sin contraste.

Mantenga el espacio libre

Color

Colores básicos

El rosa y el morado funcionan como un conjunto, no como sustitutos. El rosa dirige la mirada hacia la dirección y la acción; el morado encierra la información esencial. Los tonos neutros son fundamentales en la interfaz de usuario de los productos y en la lectura de textos extensos.

Cómo trabajan juntos

Usa el rosa cuando quieras dar impulso o destacar una acción principal. Usa el morado cuando muestres estructura, métricas o confianza a través de datos. El degradado de rosa a morado es solo para héroes y bandas premium. Consulta Gradientes.

Marca rosa

Marca rosa. Dirección, llamadas a la acción y el cuadrado principal del logotipo. No modificar el tono ni la saturación.

#E20F7A rgb(226 15 122) --pink

Marca morada

Color morado característico de la marca. Evidencia, estructura de la interfaz de usuario del producto y el cuadrado final del logotipo. No modificar el tono ni la saturación.

#5270F5 rgb(82 112 245) --purple

luz rosa

#FCE4F1 rgb(252 228 241) --pink-light

luz púrpura

#EEF0FE rgb(238 240 254) --purple-light

Oscuro

#111318 rgb(17 19 24) --dark

Negro

#0A0A0A rgb(10 10 10) --black

Blanco

#FFFFFF rgb(255 255 255) --white

Blanquecino

#F9FAFB rgb(249 250 251) --off-white

Color

Gradientes

Los degradados fusionan el rosa con el morado: la misma historia que el logotipo, pero con continuidad. Úsalos con moderación en elementos destacados, llamadas a la acción y franjas de marketing premium, nunca detrás del texto principal.

degradado de marca oscuro

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

De rosa a morado

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
Tipografía

Visualización: Coolvetica Condensed

Descargar Coolvetica

Encabezados, títulos principales y etiquetas de sección. Utilice mayúsculas iniciales para fines de marketing; evite escribir todo en mayúsculas, excepto en etiquetas breves.

Ejecución estratégica, explicada claramente.

Tipografía

Cuerpo: Satoshi

Descargar Satoshi

Texto principal, etiquetas de interfaz de usuario y texto de apoyo. Se aprueban los pesos 400, 500 y 700.

Una plataforma para la dirección, KPIs, OKRs y la alineación del equipo.

Imágenes

Fotografía

La fotografía se integra perfectamente con la interfaz de usuario del producto, los diagramas y los gráficos de marketing. La utilizamos en imágenes destacadas de campañas, maquetas de interfaz de usuario, momentos del entorno laboral y del equipo, y pequeños avatares dentro de las pantallas de la aplicación (líneas de tiempo, organigramas, marcadores de asignación). Cada imagen debe respaldar la estrategia y su ejecución con un texto claro, los colores de la marca y el contexto adecuado.

Dónde aparece la fotografía

La fotografía de producción abarca fotogramas de campaña, maquetas de interfaz de usuario, fotos del lugar de trabajo, retratos de equipo y avatares de interfaz de usuario. Cada tipo tiene sus propias reglas de tamaño y origen en las tarjetas a continuación, además de una breve lista de lo que no se debe publicar.

Creatividad de la campaña y el lanzamiento

Combina una persona o un personaje de marca aprobado con una escena compuesta: degradado o banda de color, titular e interfaz de usuario del producto en primer plano. La calidez y la credibilidad provienen del aspecto humano; la prueba proviene de la interfaz. Los recortes pueden extenderse por encima de la banda cuando la legibilidad se mantiene óptima.

Maquetas de interfaz de usuario y escenas de producto

Crea gráficos de interfaz de usuario estilizados y escenas compuestas, no fotos de hardware específico (sin marcos de iPhone, MacBook ni otros dispositivos de marca). Usa formas de pantalla neutras, tarjetas superpuestas o marcos abstractos para que las imágenes no queden obsoletas con las actualizaciones de productos. Combina la fotografía con la interfaz de usuario cuando contribuya a la narrativa; mantén la legibilidad del texto y las tarjetas. Utiliza la imagen en resolución completa; no estires las imágenes recortadas de baja resolución.

Fotografía de oficinas y lugares de trabajo

Muestra oficinas, talleres y momentos de trabajo reales en las páginas "Acerca de", secciones de cultura, carreras profesionales y bloques editoriales. Prioriza la luz natural, los espacios auténticos y los equipos diversos sobre las oficinas genéricas de archivo. Añade una superposición sólida o degradada cuando el texto se coloque sobre la imagen.

Retratos de equipos y líderes

Utiliza retratos accesibles y grupos pequeños para transmitir liderazgo, prueba social y contenido de socios. Mantén la vestimenta neutra o acorde a la marca. Incorpora elementos de la interfaz de usuario del producto o titulares cuando la imagen apoye una campaña, no como un retrato aislado sin relación con la campaña.

Avatares en la interfaz de usuario del producto

Retratos recortados al tamaño del avatar (aproximadamente 24–40 px) en líneas de tiempo, organigramas, fichas de responsables y filas de prueba social. Utilice únicamente los recortes de avatar aprobados del kit de marca a este tamaño. Nunca amplíe los archivos de avatar para héroes o bandas de campaña.

No usar

Fotos de perfil aleatorias, imágenes de apretón de manos de archivo, fotografías a página completa sin contexto de producto ni mensaje, o maquetas limitadas a dispositivos de consumo reconocibles. La fotografía debe explicar la plataforma, mostrar trabajos reales o reforzar el titular. Si no cumple con ninguno de estos requisitos, opta por gráficos o interfaz de usuario.

Composición al estilo de una campaña.

Los diseños de lanzamiento y campaña combinan una persona real o un personaje de la marca con una tarjeta de interfaz de usuario del producto sobre un fondo llamativo de la marca. El titular transmite la promesa, la tarjeta de interfaz de usuario aporta la prueba y la fotografía puede sobresalir del borde superior cuando los pies permanecen anclados a la parte inferior de la banda.

Ejemplo de composición. Utilice fotografías con licencia de alta resolución o recortes de marca aprobados al tamaño completo de la campaña.

Biblioteca de avatares (tamaño de visualización de la interfaz de usuario)

Recortes aprobados únicamente para maquetas e interfaz de usuario del producto. Visualícelos al tamaño que se indica a continuación. Para campañas, entornos laborales o bandas de equipo, utilice fotografías independientes en resolución completa.

Director
Director
Líder de operaciones
Líder de operaciones
Responsable de finanzas
Responsable de finanzas
Líder de estrategia
Líder de estrategia

Calidad y entrega de archivos

Las fotografías de campaña, maquetas, espacios de trabajo y equipos deben tener un mínimo de 1200 píxeles en el lado más largo antes de exportarlas. Entregue los archivos en formato WebP o AVIF para web. Los archivos del kit de avatares conservan su tamaño original reducido. Solicite la revisión de la marca al combinar fotografías con logotipos de socios o en proyectos de marca compartida.

Imágenes

Gráficos de marketing

En todo el sitio web, las páginas destacadas y las campañas, utilizamos tarjetas con estilo de interfaz de usuario, superposiciones suaves y colores de marca sobrios. El objetivo es lograr profundidad y claridad, no decoración por sí sola.

Controlar el ruido

Una imagen principal por héroe o sección es suficiente. Deja que el texto, el espaciado y un único grupo de tarjetas apiladas cuenten la historia. Si todo es demasiado llamativo, nada tiene impacto.

Color con estructura

Los tonos neutros (blanco, blanco roto, texto oscuro) sirven de base para el diseño. El rosa y el morado aparecen como acentos: bordes superiores de las tarjetas, líneas de gráficos, insignias y bandas degradadas en secciones oscuras. No rellene grandes áreas con degradados de marca completos detrás de una interfaz de usuario densa.

Profundidad mediante capas

Utilice dos o hasta tres tarjetas superpuestas con desplazamiento, ligera rotación y sombra suave. Dos tarjetas son suficientes cuando la historia es sencilla; añada una tercera solo si aporta contexto. La tarjeta frontal contiene el mensaje; las tarjetas posteriores sugieren detalles que lo complementan.

Superposiciones y paneles

Coloca los gráficos dentro de los paneles de muestras o sobre fondos neutros. En fotografías o franjas oscuras, añade una superposición sólida o degradada para que el texto y las tarjetas se mantengan legibles. Las tarjetas se sitúan por encima del fondo; no compiten con él.

Recomendado

Ejemplo con hasta tres tarjetas: cada capa tiene un título y un indicador de interfaz de usuario. La tarjeta frontal muestra el titular; las tarjetas posteriores son más claras, pero siguen siendo legibles. Use dos cuando sea suficiente.

Evitar

Cuadrículas planas con degradados llamativos, formas que compiten entre sí y bloques de igual grosor. Resulta recargado visualmente y debilita la historia del producto.

Usage rules

  • Usa dos o tres cartas en una pila de héroe, nunca más de tres. Detente en dos cuando una tercera capa no aporte contexto.
  • Mantén el interior de las tarjetas en tonos neutros. Usa rosa o morado para un detalle por tarjeta (barra del borde, punto, minilínea o insignia).
  • Reserva los degradados completos de rosa a morado para los encabezados, las llamadas a la acción y las bandas oscuras. Consulta Degradados y Colores básicos.
  • Utilice patrones de interfaz de usuario de productos reales para los gráficos de la página de inicio y de las funciones siempre que sea posible. Consulte Interfaz de usuario del producto.
  • Animar la entrada con un movimiento corto y escalonado (desvanecimiento y ligero levantamiento), no con un movimiento constante. Ver Movimiento.
  • Cuando Otto o alguna fotografía aparezcan junto a las cartas, deja espacio para que el gráfico respire. No satures la pila.
Imágenes

Interfaz de usuario del producto

Descargar kit de marca

Comienza con pantallas reales de la aplicación Elevale y patrones de interfaz de usuario en capturas de pantalla y gráficos de marketing. Puedes simplificar, recortar o eliminar controles secundarios cuando esto aclare el valor. Mantén tonos neutros y sobrios, usa Satoshi para el texto de la interfaz de usuario y el rosa o el morado solo donde el producto realmente resalta estados, gráficos y acciones.

Interfaz de usuario real, simplificada para la historia.

Crea la interfaz a partir de diseños, tipografía y componentes auténticos de Elevale. Para fines de marketing, puedes minimizar la interfaz: eliminar los paneles laterales, recortar la navegación u ocultar las funciones que no contribuyan al mensaje. El objetivo es explicar lo importante, no mostrar todos los controles en pantalla. No pegues la interfaz de usuario en ventanas de navegador aleatorias ni cambies el color de una plantilla de panel genérica para que se ajuste a la imagen de marca.

Color donde el producto lo utiliza

Los fondos permanecen blancos o blanquecinos. El rosa y el morado aparecen en los elementos de navegación activos, el progreso, las series de gráficos, las insignias y los botones principales dentro de la aplicación. No sature la captura de pantalla con degradados que no existan en la interfaz de usuario en vivo.

Concéntrese en una sola tarea a realizar.

Define con precisión el flujo de trabajo que estás explicando: dirección, OKRs, KPIs o paneles de control. Elimina el espacio en blanco, los módulos irrelevantes y el ruido de la interfaz de usuario para que el usuario vea un resultado claro, no todo el producto a la vez.

Coincidir con el medio

Las capturas de pantalla completas, al estilo documental, son ideales para estudios de caso, documentos y presentaciones de ventas. Para las imágenes principales de un sitio web, es preferible usar recortes simplificados o los gráficos de tarjetas en capas de Gráficos de marketing cuando se necesita profundidad sin mostrar la aplicación completa.

Captura y exportación

  • Captura desde el entorno de pruebas o producción con texto y etiquetas reales. Simplifica o recorta la interfaz de usuario cuando sea necesario para aclarar el valor; no añadas módulos falsos. Difumina o anonimiza los nombres de los clientes si es preciso.
  • No estire, deforme ni redondee las esquinas de forma diferente al producto.
  • Mantén los detalles en rosa y morado en las mismas funciones que la aplicación (navegación, gráficos, llamadas a la acción). Consulta Colores principales.
  • Para los héroes del marketing que no tengan una captura de pantalla completa, utilicen tarjetas de interfaz de usuario apiladas por Gráficos de marketing.
  • Exporta con una resolución 2× para obtener diapositivas y web nítidas; se recomienda utilizar PNG o WebP con color sRGB.
  • Las últimas versiones aprobadas se encuentran en el kit de marca en Google Drive. Si tiene dudas, solicite acceso antes de publicarlas externamente.
patrones de interfaz de usuario

patrones de interfaz de usuario

Las interfaces de usuario de producto y marketing comparten radios, sombras y tratamientos de botones del sistema de diseño.

Utilice una acción principal por vista. En superficies de marketing claras, combínela con una acción secundaria de texto o una píldora con contorno. Reserve los botones transparentes solo para fondos oscuros.

CTA primaria
Pareja de héroes (principal + texto secundario)
Superficies secundarias delineadas (superficies claras)
Fantasma (solo superficies oscuras)
Radio medio (12px)
Sombra de carta
Iconografía

Iconografía

Elevale utiliza iconos de contorno Lucide en páginas de marketing, secciones de características y maquetas de interfaz de usuario. Una sola familia tipográfica, un grosor de trazo uniforme y una escala de tamaño reducida facilitan la lectura rápida de la navegación y las tarjetas.

Principios

Lucide solamente

Utilice iconos del conjunto Lucide (a través de nuestro registro de sitios web). No combine iconos de Feather, Font Awesome, emojis ni ilustraciones personalizadas en la misma superficie.

Peso del contorno

Iconos de línea con un trazo de 1,5–2px en un lienzo de 24px. No utilice trazos finos (<1,5px) ni gruesos (>2px), y nunca combine glifos rellenos con contornos Lucide en un mismo panel.

Color monocromático

En interfaces de usuario claras, use el color rosa o morado característico de la marca, o un gris medio neutro para las funciones secundarias. En degradados y bandas oscuras, los iconos se vuelven blancos.

Significado primero

Seleccione iconos que refuercen la etiqueta (objetivo para objetivos, gráfico para KPIs, usuarios para equipos). Si el icono no aclara la línea, elimínelo en lugar de usarlo como adorno.

Escala de tamaño

Utiliza los tamaños 16, 20 y 24 píxeles. Las tarjetas de presentación de marketing pueden usar 28 píxeles para dar énfasis; no inventes tamaños únicos.

16 píxeles Metadatos en línea, tablas densas, chips
20 píxeles Botones secundarios, navegación compacta, filas de lista
24 píxeles Interfaz de usuario predeterminada, tarjetas de funciones, iconos de navegación principal

Color en las superficies

Interfaz de usuario ligera Tarjetas rosas o moradas sobre fondo blanco o blanquecino
Gradiente de marca Icono blanco sobre bandas rosa-moradas
Secundario Gris medio para líneas de apoyo, no para llamadas a la acción principales.

Donde aparecen los iconos

  • Navegación Asocia cada icono de navegación principal con una etiqueta de texto visible. El tamaño y el color deben ser los mismos para todos los elementos del grupo.
  • Tarjetas de marketing Un icono por encabezado de tarjeta (puntos débiles, beneficios, pilares). El acento rosa sobre fondo blanco es el patrón predeterminado en elevale.com.
  • Producto y maquetas En las maquetas de funciones, la barra lateral, las pestañas y las filas de estado utilizan iconos de 20 a 24 píxeles con etiquetas o texto adyacente. Los iconos de estado pueden ser verdes para indicar éxito, nunca de colores del arcoíris.
  • Uso decorativo Evite los iconos como fondo de pantalla. Si un icono es puramente ornamental y no se menciona en el texto, elimínelo.

Biblioteca de iconos

Todos los nombres de Lucide están registrados en el sitio de marketing. Busca y copia el nombre para entregarlo al diseñador o descarga fragmentos prediseñados para bloques de Astro y Webflow.

67 iconos en el registro

Vista previa del color (todos los iconos)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

Coherente

Contorno Lucide, un color, tamaño a escala, etiquetar cuando sea navegación.

Evitar

Familias mixtas, glifos rellenos, colores arcoíris o iconos sin etiqueta de apoyo en la navegación principal.

Hacer

  • Mantén un único estilo de contorno por superficie (solo iconos de línea Lucide).
  • Combina iconos con texto en la navegación, los botones principales y las tarjetas de funciones.
  • Utilice rosa, morado, blanco degradado o gris neutro de la marca, no tonalidades arbitrarias.
  • Utilice 16, 20 o 24 píxeles (28 píxeles solo para dar gran énfasis al marketing).
  • Registre los nuevos iconos de Astro en el registro de Lucide antes de usarlos; los bloques de Webflow de la página de inicio usan nombres data-lucide coincidentes.

No

  • No mezcle conjuntos de iconos rellenos, insignias sólidas o emojis con contornos de Lucide.
  • No asigne un color diferente a cada icono en la misma fila o cuadrícula de tarjetas.
  • No utilice iconos solos en la navegación principal o en las llamadas a la acción críticas sin una etiqueta.
  • No repita el mismo icono tres veces en una misma ventana gráfica con fines decorativos.
  • No redibujes las rutas de Lucide, no añadas sombras paralelas ni distorsiones los iconos para imitar el 3D.

Reglas de uso

  • Mantén los iconos monocromáticos en interfaces de usuario claras; usa el blanco en los degradados de marca y en fondos oscuros de la aplicación.
  • Asocia iconos con etiquetas para la navegación principal y las llamadas a la acción principales.
  • No mezcle conjuntos rellenos y delineados en la misma superficie.
  • Alinear el tamaño de los iconos con el texto: 16 px con los subtítulos, 20-24 px con el cuerpo del texto y los encabezados.
  • Utilice aria-hidden="true" en los iconos decorativos; el texto adyacente tiene significado.
  • Tarjetas de dolor y beneficio de marketing: un ícono en el encabezado, rosa sobre blanco, ver Gráficos de marketing espaciado.
  • Los patrones de interfaz de usuario de productos para botones y tarjetas se encuentran en patrones de interfaz de usuario; los iconos siguen los mismos radios y densidad.
  • Solicitar una revisión de la marca antes de iniciar campañas con socios que utilicen iconos o pictogramas personalizados fuera de Lucide.
Movimiento

Movimiento

Elevale utiliza el movimiento en todo el sitio web de marketing y el producto: movimiento ambiental del elemento principal, efectos de desplazamiento, estados al pasar el cursor, tarjetas escalonadas y GIF que aportan calidez y humor. El movimiento debe guiar la atención y reforzar la claridad, nunca competir con el mensaje.

Principios

Útil

Cada animación responde a una pregunta: ¿qué cambió?, ¿qué sigue? o ¿qué tuvo éxito? Si el movimiento no ayuda a alguien a observar, comprender o celebrar, elimínelo.

Contenido

Un único elemento de movimiento por ventana gráfica. Evite el caos repetitivo, el paralaje gratuito o el rebote simultáneo de varios elementos. Los gráficos de marketing ya utilizan profundidad; el movimiento no debe sobrecargar la pila.

Sincronización constante

Utilice ease-out para las entradas y ease-in-out para los interruptores. La mayoría de las transiciones de la interfaz de usuario se sitúan entre 200 ms y 400 ms; el ambiente principal puede durar más, pero se mantiene sutil.

Respetar el movimiento reducido

Envuelva los bucles decorativos y el movimiento de deriva en prefers-reduced-motion: no-preference. Los cambios de estado principales (abrir menús, enfocar) aún pueden animarse ligeramente o ajustarse instantáneamente cuando los usuarios solicitan un movimiento reducido.

Donde aparece el movimiento

Estos patrones aparecen en todo elevale.com y en las páginas de novedades. Úselos al ampliar el sitio web o el material promocional de sus socios.

  • Héroe y presencia Efecto de fondo suave con forma de orbe, brillo degradado y énfasis en los titulares de la página de inicio y las páginas de destino principales. Bucles lentos y de baja amplitud que transmiten dinamismo sin desviar la atención de la llamada a la acción.
  • Navegación y estructura de la aplicación Fondo de navegación, color de los enlaces y transiciones del menú lateral en dispositivos móviles (~200–300 ms). Los menús desplegables se desvanecen y se deslizan; los botones se elevan ligeramente al pasar el cursor por encima con una breve transformación.
  • Cartas y pilas Efecto de desvanecimiento y elevación escalonado en pilas de tarjetas de marketing y cuadrículas de características. Breves retrasos entre elementos hermanos (aproximadamente 40-80 ms) para que el contenido se lea de arriba a abajo, no todo a la vez.
  • Desplázate y revela Las secciones se cargan al entrar en la ventana gráfica: opacidad y traslación vertical, no desplazamientos horizontales. Se vinculan al orden de lectura; no se reactivan con cada pequeño desplazamiento.
  • Producto y maquetas Las maquetas de la interfaz de usuario de la página de características utilizan cambios de estado sutiles, cambios de pestaña y reacciones GIF divertidas en los hilos de chat o tareas. Cuando Otto está en modo de voz, el <a href="#motion-voice-orb">orbe de voz de IA</a> indica que está escuchando y pensando. Consulta esa sección para ver su propósito y animación.

Referencia de sincronización

Micro 150–200 ms Desplazamiento del ratón, anillos de enfoque, pequeños toques de iconos
Estándar 200–400 ms Botones, paneles, navegación, efecto al pasar el cursor sobre la tarjeta
Énfasis 400–600 ms Modales, grandes revelaciones (usar con moderación)
Ambiente Continuo Esfera luminosa y respiración con voz de IA (controlada por audio en la aplicación)

orbe de voz con IA

Una esfera suave y brillante en la aplicación Elevale al hablar con Otto por voz. Indica que la sesión está activa y reacciona al sonido, mientras que el texto de la transcripción y la respuesta de Otto muestran el mensaje real.

Descripción general

En el producto, la esfera se dibuja en tiempo real en la pantalla (no es un archivo de vídeo ni una imagen estática). Es el elemento visual principal del modo de voz: tranquilo en reposo, más activo cuando alguien habla y más cálido mientras Otto habla. No es un logotipo, un gráfico ni un analizador de espectro con barras.

Donde aparece

El mismo componente de esfera se utiliza en dos diseños, controlados por la misma sesión de voz:

  • Voz en pantalla completa

    Esfera grande (de aproximadamente 320px) centrada en la pantalla de voz. Al tocar la esfera, se puede interrumpir a Otto mientras habla.

  • Widget flotante

    Pequeña esfera (de aproximadamente 92px) en el chip de voz minimizado. Al pulsarla, se regresa a la vista de chat; los controles de silenciar y finalizar se encuentran sobre la esfera.

A qué responde

El movimiento sigue el audio real de la sesión, no una animación aleatoria:

  • Tu voz La esfera se ilumina y se mueve con el micrófono mientras hablas (a menos que esté silenciado).
  • Otto hablando Cuando Otto reproduce una respuesta de voz, la esfera también reacciona a ese audio con un ligero pulso adicional para que quede claro que el asistente está hablando.
  • Momentos de tranquilidad Durante una sesión activa, la esfera sigue respirando suavemente, por lo que la interfaz de usuario se siente viva, incluso en silencio. No desaparece entre palabras.
  • Micrófono silenciado La entrada del micrófono se ignora. La paleta de colores cambia a tonos más fríos, las ondas y las partículas cesan, y aparece un icono atenuado en el orbe.
  • Finalizó la sesión El modo de voz se desactiva o se vuelve al chat. El icono deja de reaccionar y no debería seguir parpadeando como si la llamada aún estuviera abierta.

Estructura general

Piensa en la esfera como una luz suave en capas, no como una bola 3D dura ni como una pantalla de forma de onda:

  • Resplandor exterior Un amplio halo de color pastel rodea la esfera. De color rosa y lavanda cuando está activa; gris pizarra apagado cuando el micrófono está apagado.
  • Anillos ondulados Unos pocos anillos suaves que se expanden hacia afuera. Sugieren energía, no frecuencias individuales.
  • Esfera principal Un centro difuso sin iris ni pupila definidos. El tamaño varía ligeramente con los graves y la energía general.
  • Nubes interiores Lóbulos suaves de color que se desplazan dentro de la esfera a medida que los tonos medios y bajos suben y bajan.
  • Partículas Numerosas partículas diminutas orbitan alrededor del centro, más rápido cuando la conversación es enérgica. Son decorativas, no datos.

Las páginas destacadas de elevale.com utilizan una versión CSS simplificada de este diseño para las maquetas estáticas. El icono de la aplicación en vivo es más completo y está vinculado a un micrófono real y al audio de reproducción.

Muestra de referencia de marca

Color

Tonos rosa pastel y lavanda se mezclan a partir de los colores primarios de la marca hacia el blanco. Sin cambios de arcoíris, rellenos planos ni bordes definidos. El estado apagado utiliza únicamente tonos neutros de pizarra.

Experiencia de usuario y accesibilidad

  • Siempre acompáñalo con texto La transcripción en directo, las etiquetas de las sesiones y la respuesta escrita de Otto se encuentran junto a la esfera. Nunca te fíes solo de la animación.
  • lectores de pantalla El dibujo está oculto para las tecnologías de asistencia. Las pantallas para padres anuncian el estado (por ejemplo, el asistente está hablando, el micrófono está silenciado).
  • Movimiento reducido Cuando los usuarios prefieren menos movimiento, este se ralentiza y se suaviza. La esfera puede permanecer como un brillo estático y tranquilo en lugar de vibrar.

Normas

  • Úselo únicamente en el chat de voz de Otto (pantalla completa o flotante). No lo utilice para anuncios publicitarios, mensajes de carga genéricos ni mensajes de error.
  • No conviertas la esfera en un gráfico de barras, un logotipo o una pegatina de mascota. No incluyas números ni etiquetas en su interior.
  • Mantén la coherencia en los tamaños de pantalla completa y flotante (aproximadamente 320px y 92px). No inventes nuevos tamaños de orbes sin una revisión del diseño del producto.
  • El estado de silencio debe ser evidente: color más frío, ausencia de partículas, indicador de micrófono apagado y un texto que indique que el micrófono está silenciado.
  • Las maquetas de marketing pueden simplificar la esfera; no prometas efectos adicionales en los anuncios que la aplicación no incluya.

Carácter y tono para Otto en vivo Otón.

muestra de movimiento de UI

Pasa el cursor sobre la tarjeta y el botón para ver la duración y el tipo de suavizado.

Uso de GIF

Los GIFs son la forma en que Elevale transmite una imagen de persona real, no de un folleto corporativo: celebraciones de productos, reacciones en chats y algún que otro vídeo divertido en marketing. Úsalos cuando la ocasión lo requiera, con calidez o una sonrisa, manteniendo la esencia de la marca, pero sin caer en la rigidez solo por aparentar seriedad.

Buenos momentos para los GIFs

  • Celebrando victorias: progreso en OKR, finalización de tareas, hitos del equipo o héroes que necesitan un choque de manos humano.
  • Reacciones dentro de la interfaz de usuario del producto: chat, comentarios o hilos de asesoramiento donde un breve bucle añade humor o ánimo.
  • Secciones de marketing que muestren resultados reales (claridad, dinamismo, alivio), con personalidad en la historia, no otra sonrisa genérica y estandarizada.

Los GIFs de celebración y reacción aprobados se incluyen con los recursos del sitio y el kit de marca. Solicita más a través del equipo de marca. Estamos abiertos a bucles divertidos que conserven el inconfundible estilo Elevale.

De acuerdo con la marca

GIF de biblioteca aprobado, tono lúdico o festivo, que apoye el mensaje, tamaño de archivo razonable.

No está permitido

Memes polémicos, políticos, ofensivos o ajenos al tema. Sin contenido impactante, violento ni provocativo.

Hacer

  • Elige GIFs que transmitan optimismo, un toque de humor y naturalidad, como si fueran compañeros de equipo celebrando, no una presentación de diapositivas de una sala de juntas. El humor es bienvenido cuando la ocasión lo amerita; evita la actitud insípida, rígida o forzadamente profesional.
  • Coloca los GIFs cuando la gente ya esté pasando un buen momento (celebración, ánimo, logro), no como relleno aleatorio.
  • Utilice los archivos del kit de marca o de la biblioteca del sitio aprobada. No cree enlaces directos a URL desconocidas.
  • Trata los GIF decorativos como imágenes: deja el texto alternativo vacío cuando sean puramente decorativos; describe el momento en que tengan significado.
  • Se recomienda utilizar bucles optimizados, cargar de forma diferida el contenido que no se puede visualizar por completo y evitar mostrar varios GIF grandes en una misma ventana gráfica.

No

  • No se permite contenido polémico, divisivo ni contenido viral, aunque sea tendencia.
  • No se permiten insultos, estereotipos, violencia, escenas sangrientas, contenido sexual ni humillaciones a costa de nadie.
  • No se permite hacer campaña política, usar imágenes de protesta ni enviar mensajes partidistas.
  • Sin destellos, luces estroboscópicas ni bucles rápidos que dificulten la legibilidad o la sensibilidad de los disparadores.
  • No se permiten nuevos GIF en campañas de pago, materiales de socios ni correos electrónicos sin la aprobación de la marca.
Fogonadura

Como afiliado o socio de referencia, presenta Elevale a tu público utilizando nuestro nombre e imagen oficiales. Asegúrate de que Elevale sea reconocible como Elevale (no como una oferta de marca blanca propia). Utiliza los recursos aprobados de este portal y obtén la aprobación por escrito de la marca antes de lanzar campañas de pago o de gran visibilidad.

Innegociable

A diferencia de los revendedores, los afiliados no venden bajo marca blanca. Si necesita vender con su propia marca, consulte Revendedores. Si solo comparte Elevale con su red, esta sección le aplica.

Usted debe

  • Utilice únicamente los archivos de logotipo, color y plantilla del kit de marca o de la biblioteca de logotipos. No recree la marca.
  • Utilice un logotipo completo aprobado en cada elemento. Adapte el diseño al fondo: a todo color sobre superficies claras, con el logotipo sobre superficies oscuras o invertido sobre superficies con mucho relieve. Consulte Uso del logotipo y Espacio libre.
  • Manténgase dentro de los límites de Mensajería, Tono de voz y Valores de marca. No se permiten exageraciones, garantías ni afirmaciones sobre características que no hayamos publicado.
  • Dirige el tráfico a través de tu enlace de referencia Elevale asignado para que los registros se atribuyan correctamente. No uses URLs modificadas o redirigidas que eviten el seguimiento.
  • Indique claramente su relación de afiliación o referencia cuando sea necesario (por ejemplo, en publicidad en redes sociales, pies de página de correos electrónicos y publicaciones de blog).
  • Antes de su publicación, envíe los anuncios pagados, las páginas de destino, los seminarios web y los correos electrónicos de marca compartida para su aprobación por escrito.

No debes

  • Altera, cambia el color, anima, rota, delinea o combina el logotipo con efectos que no estén contemplados en estas directrices.
  • No presente Elevale como su propia plataforma, elimine nuestro nombre ni dé a entender que usted creó o es propietario del producto.
  • Promesas sobre resultados, precios, integraciones o cumplimiento que no hayamos confirmado por escrito.
  • Puja por términos de marca Elevale en anuncios de búsqueda sin aprobación previa por escrito.
  • Utilice Otto en anuncios, miniaturas o contenido creativo para redes sociales sin autorización. Consulte Otto.
  • No imites ni tergiverses nuestra marca de forma que pueda confundir a la gente. No hables, diseñes ni te presentes como si fueras Elevale, nuestro equipo o el propietario de la plataforma. No des a entender que respaldamos servicios ajenos al programa de referidos.
  • Encarga ilustraciones personalizadas del logotipo, intégralo en plantillas de terceros o utiliza imágenes de archivo que imiten nuestra marca.

Activos aprobados para su uso

Recurre a los recursos y el material de la marca. En caso de duda, utiliza menos elementos en lugar de improvisar.

  • A todo color, sobre fondo oscuro, y con logotipos invertidos (SVG/PNG). El logotipo solo se mostrará donde el espacio sea reducido y la marca ya sea conocida.
  • Rosa, morado, neutros y degradados exactamente como se definen en Colores básicos y Degradados.
  • Utilice titulares y argumentos de este portal o del sitio web de marketing. No invente nuevos eslóganes.
  • Diapositivas, imágenes para redes sociales y encabezados de correo electrónico del kit de marca, si están disponibles. Amplíe el diseño, no redibuje el logotipo.

Ubicación correcta del afiliado

Elevale Bloqueo prominente, colores aprobados, llamada a la acción clara a tu enlace de referencia y divulgación honesta.

Ejemplo aprobado
No está permitido

Logotipo con colores modificados, nombre de producto inventado o su marca reemplazando la nuestra en una promoción Elevale.

Los participantes del programa de recomendación de clientes deben seguir esta sección para cualquier mención pública de Elevale. Las reglas del programa y las comisiones se encuentran en la página del programa de recomendación.

Aplicación

Elevale podrá suspender o cancelar el acceso de los afiliados, retener las comisiones o exigir la eliminación de los activos que no cumplan con las normas. El uso indebido reiterado o grave puede dar por terminada la relación.

Programa de derivación Solicitar aprobación de la marca

Fogonadura

Los revendedores autorizados gestionan Elevale como si fuera su propio producto. La marca blanca está integrada: su logotipo, color principal y dominio en todos los espacios de trabajo de los clientes, con una mínima presencia de la marca Elevale en la experiencia del cliente. Usted es el protagonista; nosotros gestionamos la plataforma en segundo plano.

Lo que te ofrece la marca blanca

El programa de revendedores está diseñado para la relación con sus clientes y su estrategia de comercialización, no para promocionar Elevale como la marca principal.

  • Presenta la plataforma con tu identidad en cada inicio de sesión de cliente, correo electrónico y espacio de trabajo.
  • Establece tus propios precios para los planes Básico, Empresarial y Profesional.
  • Comercializa y vende según tu metodología: estrategia, OKRs, KPIs e informes en un sistema de marca propia.
  • Elige qué módulos recibirán los clientes y si trabajarán con tu equipo o con el asesor de IA integrado.

Puede

  • Aplica tu logotipo, el color principal de tu marca y un dominio personalizado (por ejemplo, strategy.yourbrand.com) en todos los espacios de trabajo de tus clientes.
  • Establezca precios visibles para los clientes y mantenga un margen de beneficio en las licencias y las recargas de monederos de IA, dentro de los límites de su acuerdo de colaboración.
  • Describe la oferta como tu producto y servicio en tu sitio web, propuestas y material de ventas dirigido a clientes potenciales y clientes.
  • Gestiona espacios de trabajo independientes para cada cliente, con datos, permisos y facturación aislados bajo tu propia marca.
  • Active o desactive los módulos de la plataforma para su oferta (OKRs, paneles de control, wiki, mapa de procesos, IA y más) desde el panel de control del socio.
  • Asigne un asesor humano de su equipo o habilite el Asesor Estratégico de IA por espacio de trabajo, sin salir de la experiencia personalizada de su marca.

No puedes

  • Afirma características, seguridad, cumplimiento o resultados que el producto no admite o sugiere Elevale respalda declaraciones que no hemos aprobado.
  • Modificar la aplicación más allá de la configuración de marca blanca admitida (sin bifurcaciones personalizadas, ingeniería inversa ni eliminación de los avisos legales obligatorios en la consola del socio).
  • Utilice las ilustraciones de Otto en campañas de clientes externos sin la aprobación de la marca. La IA integrada en el producto se configura a través de la plataforma; las apariciones promocionales en marketing siguen las reglas de Otto.
  • Utilizar indebidamente tu propio logotipo o colores de forma que infrinja tu contrato (contraste ilegible, marcas distorsionadas o suplantación de identidad de otra organización).
  • Sublicenciar o utilizar la marca blanca para otro revendedor sin un acuerdo por escrito con Elevale.

En el producto frente a cómo venderlo

Los clientes solo ven tu marca dentro del espacio de trabajo. En tus estrategias de marketing y ventas, presenta la plataforma como tu producto y metodología, bajo tu nombre e imagen corporativa.

Espacio de trabajo para clientes (solo con su marca)
Tu marketing (tu marca, tu oferta)

Los revendedores de marca blanca no venden como afiliados de Elevale. La marca compartida con nuestra marca registrada solo se aplica en casos excepcionales en los que ambos nombres deben aparecer en un mismo material. Consulte Marca compartida si este es su caso; de lo contrario, evite usar Elevale en la publicidad dirigida al cliente y en las campañas de lanzamiento al mercado.

Cuándo registrarse

No necesita aprobación para la configuración de marca blanca cotidiana dentro de la consola de socios. Póngase en contacto con Elevale antes de lanzar campañas externas que mencionen a Elevale por su nombre, utilicen Otto o difuminen la línea entre su marca y la nuestra.

Programa de revendedores Para consultas sobre la marca, póngase en contacto con nosotros.

Fogonadura

marca compartida

Cuando tanto Elevale como la marca de un socio aparecen en el mismo recurso (imagen principal del sitio web, diapositiva, banner de evento), aplique las reglas de marca compartida. Los afiliados que promocionen Elevale únicamente deben seguir las reglas de Afiliados. La marca blanca del revendedor es independiente: Revendedores.

  • Altura mínima del logotipo del socio: 24 píxeles; mantener el mismo peso visual cuando los logotipos se muestran uno al lado del otro.
  • Utilice un divisor vertical o un espacio de 24 píxeles entre las marcas; nunca las superponga.
  • No alteres los colores de Elevale ni añadas efectos a ninguna de las marcas.
Descargas

Kit de marca

Descarga logotipos, referencias de color y plantillas desde nuestra carpeta compartida de marca.

Descargar kit de marca

Qué está incluido

  • Archivos de logotipos (SVG, PNG): versiones con logotipos y variantes solo con la marca.
  • Referencia de colores y fuentes tipográficas (Coolvetica Condensed y Satoshi en Google Drive)
  • Plantillas de presentación y redes sociales
Referencia

Glosario

Definiciones breves de los términos utilizados en estas directrices.

Cárcel
El archivo completo del logotipo: logotipo y marca denominativa juntos. Este es el logotipo predeterminado Elevale. El eslogan no está incluido en el conjunto.
Logotipo
El logotipo “Elevale” en Coolvetica Condensed aparece junto al logotipo. No se utiliza solo en materiales externos; debe combinarse con el logotipo en el diseño.
Marca de logotipo
Los cuadrados entrelazados de color rosa y morado junto al logotipo. También conocido como símbolo en archivos antiguos. Utilizar solo en espacios reducidos una vez que la marca sea reconocida.
eslogan
Frase de apoyo debajo del logotipo en las páginas de marketing, por ejemplo: «La estrategia que nunca muere». Se coloca en el cuerpo del texto o en la fuente de visualización según lo especifique el diseño de la página. No forma parte de la imagen de fondo.
Espacio libre
El margen mínimo alrededor del logotipo, donde no puede haber texto, gráficos ni bordes que lo obstruyan, garantiza que la marca sea legible y esté despejada.
incógnita
La unidad utilizada para medir el espacio libre es la altura del módulo de esquina rosa en el logotipo en tamaño estándar (20 px). Cada lado del logotipo necesita al menos 1× de espacio libre.
Bloqueo a todo color
Logotipo predeterminado sobre fondos claros: logotipo a todo color con texto oscuro. No lo utilice sobre degradados de marca ni en fotografías con muchos detalles sin superposición.
Encarcelamiento en la oscuridad
Para fondos oscuros sólidos: logotipo a todo color con texto blanco. El logotipo permanece rosa y morado; solo el texto cambia a blanco.
Bloqueo invertido
Un diseño completamente blanco (logotipo y marca denominativa) para degradados de marca e interfaces de usuario oscuras en aplicaciones. Úselo en lugar del diseño a todo color cuando el degradado o el fondo reduzcan el contraste.
Gradiente de marca
El característico degradado lineal de rosa a morado se utiliza en los banners principales, las llamadas a la acción y las bandas premium. No coloque el logotipo a todo color sobre este degradado. Si necesita un logotipo, utilice el logotipo invertido.
Variante del logotipo
Un archivo aprobado del logotipo para un fondo o caso de uso específico (por ejemplo, a todo color, sobre fondo oscuro, invertido o solo el logotipo).
Filial
Un socio que presenta Elevale utilizando nuestros activos de marca oficiales y el seguimiento de referencias. Los afiliados mantienen Elevale visible como Elevale y siguen la sección de Afiliados (no de marca blanca).
Marca blanca
Configuración de revendedor que reemplaza la marca Elevale en el producto del cliente con el logotipo, el color principal y el dominio del socio. Los clientes experimentan la plataforma como la oferta del socio.
marca compartida
Colocar el logotipo Elevale junto a la marca de un socio en el mismo material de marketing. Se utiliza para agencias y eventos, no para los espacios de trabajo diarios de los clientes revendedores.
Kit de marca
La carpeta compartida de descarga de logotipos, referencias de color, plantillas y recursos relacionados está disponible en la sección de Descargas o en Google Drive.
Tipo de pantalla
Coolvetica se utiliza para titulares y énfasis publicitario. Resérvela para frases cortas y de gran impacto, no para párrafos largos.
tipo de cuerpo
Satoshi se utiliza para textos de interfaz de usuario, párrafos y tablas. Contiene la mayor parte del contenido de productos y textos extensos del sitio.
ficha de color
Un color de marca con valores variables en HEX, RGB y CSS (por ejemplo, rosa, morado, oscuro). Los tokens mantienen el diseño y el código alineados.
Otón
El personaje de nutria de Elevale y asesor estratégico de IA. Representa soluciones: claridad, energía y alegría con propósito, no problemas, y nunca como mascota ni accesorio.
Valores de marca
Los principios innegociables que sustentan Elevale son: alineación, claridad, evidencia y una ejecución de alto nivel que guía el producto y las comunicaciones.
Mensajería
Lo que le decimos al mercado: posicionamiento, público objetivo, promesa y pruebas, expresados de forma coherente en titulares, llamadas a la acción y narrativas de ventas.
Tono de voz
Nuestra forma de expresarlo: reglas de redacción claras, decisivas y humanas para la web, la interfaz de usuario de los productos y las ventas; no son lo mismo que la mensajería, pero se basan en los mismos valores.
Referencia

Preguntas frecuentes

Respuestas rápidas sobre cómo aplicar la marca Elevale en materiales de marketing, productos y socios.

¿Qué variante del logotipo debo usar?

Utilice el logotipo a todo color sobre fondo blanco o blanco roto. Sobre fondos oscuros sólidos, utilice el logotipo oscuro (marca de color, marca denominativa blanca). Para interfaces de usuario oscuras o áreas de bajo contraste, utilice el logotipo invertido (todo blanco). Consulte Variantes y Uso.

¿Puedo usar solo el logotipo?

Solo cuando el espacio es muy limitado y la marca ya es reconocida: favicons, iconos de aplicación compactos o navegación integrada en el producto. Para diapositivas, anuncios y documentos, utilice el logotipo completo. Consulte Variantes.

¿Puedo cambiar el color, perfilar o distorsionar el logotipo?

No. No cambie los colores, no añada efectos, no gire ni estire la imagen. Utilice un archivo aprobado del kit de marca o de la biblioteca de logotipos en lugar de editar la imagen.

¿Cuánto espacio libre necesito?

Mantenga al menos un x de espacio libre a cada lado, donde x es la altura del módulo de esquina rosa en la marca del logotipo (20px en tamaño estándar). Consulte Anatomía y el glosario.

¿Puedo colocar el logotipo en la fotografía?

Sí, si el contraste es lo suficientemente fuerte. Añada una superposición clara u oscura detrás del logotipo, o utilice la versión invertida sobre un área oscura. Evite fondos recargados sin suficiente separación. Consulte Uso.

¿Dónde puedo descargar los archivos del logotipo oficial?

Utilice Descargas para abrir el kit de marca de Google Drive (logotipos SVG y PNG, referencias de color y plantillas). Para ver solo las últimas versiones, utilice Ir a la biblioteca de logotipos en la sección Variantes.

¿Cuándo puedo mostrar Elevale junto al logotipo de un socio?

Utilice la marca compartida cuando ambas marcas aparezcan en el mismo material de marketing (sitio web, presentación, evento). Mantenga la misma importancia visual, un espaciado mínimo de 24 píxeles o un separador, y nunca modifique ninguna de las marcas. Consulte Marca compartida. Los revendedores que distribuyen un producto de marca blanca para clientes deben seguir las directrices de Revendedores.

¿Qué pueden hacer los revendedores con la marca Elevale?

Los revendedores pueden personalizar la experiencia del cliente (su logotipo, color, dominio) y comercializar la plataforma como su propia oferta. No muestre la marca Elevale a los clientes finales. Encontrará información completa en Revendedores o en la página del programa de revendedores.

¿Qué normas se aplican a los afiliados y socios de referencia?

Debes usar los recursos oficiales de Elevale, los diseños aprobados, la comunicación de marca y tu enlace de seguimiento. No debes modificar el logotipo, usar marcas blancas ni realizar campañas de pago sin autorización. Consulta las normas de la empresa en Afiliados y los términos del programa en Recomendar a un amigo.

¿Qué fuentes debo usar?

Coolvetica Condensed para los titulares y Satoshi para el cuerpo del texto y la interfaz de usuario (grosores 400, 500, 700). No utilice fuentes similares. Descarga Coolvetica y Satoshi de Google Drive, o consulta Display y Body.

¿Con quién debo ponerme en contacto para obtener la aprobación de la marca?

Para campañas, productos o usos no contemplados aquí, contacte con Elevale a través de la página de contacto antes de publicar. Incluya maquetas y los canales previstos para que podamos confirmar la variante de logotipo y el tratamiento de marca compartida adecuados.

¿Cuándo puedo usar Otto en marketing?

Cuando representa una solución: claridad, energía, alegría y orientación con propósito, no un problema, una mascota o un accesorio. Lea Otto para conocer el contexto y las normas de aprobación, y luego contacte al equipo de marca antes de la publicación externa.