Manual
de marca

Cómo se ve, cómo habla y cómo se comporta VdL. Todo lo necesario para que cada pieza, de un post a una propuesta comercial, se reconozca como nuestra.

Claim · Making connections Colores · #00004A · #AAE05A · #B41E82 Tipografías · Sora + Onest Edición · 2026

01 · Información corporativa

Esencia de marca

Quiénes somos, por qué existimos y para quién trabajamos. Es la base de todo lo que viene después.

Naming y concepto

Una marca en expansión que une, traduce y potencia

La marca representa una evolución en nuestra forma de entender la comunicación y la tecnología: una idea de crecimiento constante, adaptabilidad y movimiento, donde la creatividad se amplifica y se conecta con la tecnología.

Mayor y menor, voz y megáfono, código y corchete: dualidades que conviven para dar forma a un sistema más abierto, flexible y conectado. Un acento que marca intención, una bandera que orienta y un faro que guía.

Una identidad en movimiento que evoluciona con cada proyecto, adaptándose a nuevos lenguajes y necesidades. Un sistema abierto que no se cierra, sino que se expande para seguir conectando, creando y potenciando ideas.

Making connections no es solo un claim: es una forma de entender lo que hacemos, lo que nos mueve y lo que queremos seguir construyendo. Crear, emocionar y evolucionar contigo.

Nombre legal

Valor de Ley

Solo en contratos, facturas, avisos legales y documentación oficial.

Nombre de marca

VdL

Así nos referimos siempre a la marca, en interno y en externo: textos, presentaciones, redes, correos y conversaciones.

Cómo se escribe

VdLVDLVdlvdlV.d.L.

Siempre con la d en minúscula.

Propósito

Misión

Ayudamos a empresas a transformar su forma de crear, trabajar y crecer mediante la integración de inteligencia artificial y creatividad humana, optimizando procesos, reduciendo la complejidad tecnológica y haciendo la innovación accesible en el día a día.

Visión

Construir un entorno en el que la inteligencia artificial y la creatividad humana trabajen de forma natural y accesible, permitiendo que cualquier empresa, independientemente de su tamaño o recursos, pueda innovar, automatizar y evolucionar sin fricciones tecnológicas.

Valores

Creatividad aumentada

La tecnología no sustituye la creatividad humana, la expande. La inteligencia artificial es una herramienta para amplificar ideas, no para reemplazarlas.

Eficiencia con propósito

Automatizamos y simplificamos procesos para liberar tiempo y energía, y que las personas se centren en lo que realmente aporta valor.

Tecnología accesible

La innovación no debe ser compleja ni exclusiva. Hacemos que la tecnología avanzada sea comprensible, usable y aplicable para cualquier empresa.

Propuesta de valor

Creatividad inteligente, innovación simplificada

Ayudamos a las marcas a mejorar su comunicación, creatividad y rendimiento digital combinando estrategia, creatividad y tecnología, con nuestra experiencia como agencia digital y la aplicación de nuevas herramientas basadas en inteligencia artificial.

Integramos estrategia, diseño y performance con automatización y tecnología aplicada para que los procesos sean más eficientes, creativos y accesibles, sin perder el foco en lo esencial: ayudar a las marcas a trabajar mejor, más rápido y con mayor impacto.

Creatividad + Tecnología + Negocio

Personalidad

Curiosa

Nos interesa entender cómo funcionan las cosas, probar nuevas herramientas y encontrar formas de hacerlas mejor.

Práctica

No nos interesa la tecnología por la tecnología. Buscamos aplicaciones que resuelvan problemas reales y tengan una utilidad concreta.

Creativa

La creatividad es nuestra forma de pensar y de encontrar soluciones, no solo una disciplina dentro de la agencia.

Inquieta

No damos nada por hecho. Exploramos, cuestionamos y buscamos constantemente nuevas posibilidades.

Cómplice

Trabajamos junto al cliente, no desde una posición de superioridad. Explicamos, acompañamos y construimos soluciones conjuntamente.

Público objetivo

Empresas que quieren mejorar su marketing y comunicación incorporando nuevas herramientas, procesos y tecnologías, pero necesitan hacerlo de forma práctica y orientada a negocio.

Equipos de marketing internos que necesitan más capacidad o eficiencia Empresas que ya trabajan con una agencia y buscan nuevas capacidades Empresas en procesos de transformación digital Quieren aplicar IA y automatización pero no saben por dónde empezar Procesos de marketing que consumen demasiado tiempo o recursos

Buyer persona 01

Dirección de Marketing

Qué busca
Resultados, eficiencia y capacidad para hacer más sin aumentar necesariamente el equipo o los recursos.
Qué le preocupa
Invertir en tecnología sin aplicación real, perder tiempo probando herramientas o quedarse atrás respecto al mercado.
Necesita escuchar
“Entendemos tu negocio y sabemos dónde tiene sentido aplicar tecnología.”

Buyer persona 02

Dirección / Gerencia

Qué busca
Mejorar procesos, reducir ineficiencias y que la tecnología tenga un impacto real en el negocio.
Qué le preocupa
La complejidad, el coste y depender de soluciones que no entiende.
Necesita escuchar
“Hacemos sencilla la tecnología para que puedas utilizarla de verdad.”

Buyer persona 03

Equipo de Marketing / Comunicación

Qué busca
Herramientas y procesos para trabajar mejor, producir más y dedicar tiempo a tareas de mayor valor.
Qué le preocupa
La carga de trabajo, las tareas repetitivas y tener que aprender constantemente nuevas herramientas.
Necesita escuchar
“La tecnología no viene a sustituirte. Viene a quitarte trabajo que no aporta valor.”

Narrativa de marca

El relato que sostiene cada mensaje

  1. Contexto

    La tecnología está cambiando la forma en la que las empresas trabajan, comunican y crecen.

  2. Problema

    Tener más herramientas no significa trabajar mejor. La tecnología abre posibilidades, pero también genera más complejidad.

  3. Conflicto

    Las empresas no necesitan más herramientas. Necesitan saber cuáles tienen sentido, cómo conectarlas y cómo aplicarlas a sus problemas reales.

  4. Nuestro papel

    VdL conecta estrategia, creatividad y tecnología para convertir esas posibilidades en soluciones aplicables al negocio.

  5. Resultado

    Procesos más eficientes, creatividad aumentada y tecnología que realmente aporta valor.

  6. Idea de marca: Making connections

    No se trata de tener más tecnología. Se trata de conectarla mejor.

01 · Manifiesto

Diez ideas que nos definen

El manifiesto de la marca: cómo nos relacionamos con clientes, equipo y proveedores.

Lo primero es lo primero: tú.

Las personas son la base de cualquier relación. Gracias a ti, seas cliente, empleado o proveedor, hacemos lo que hacemos con las mismas ganas que el primer día.

Nos encantan las relaciones sanas.

Llevamos la sinceridad por bandera. La comunicación es clave para que la relación sea transparente y efectiva.

El saber se disfruta, pero el camino más.

Disfrutar del proceso y aprender de él es tan importante como el resultado. Las grandes ideas tienen pequeños comienzos.

Lo complejo, lo hacemos simple.

Nos encargamos de cada aspecto técnico para que disfrutes del resultado sin complicaciones. Entenderlo a fondo es lo que nos permite ofrecer soluciones claras.

Un cóctel de creatividad e innovación.

Optimizamos cada detalle para que obtengas más con menos. Nos apoyamos en la tecnología para potenciar nuestro talento creativo.

Nos llevamos bien con la tecnología.

Democratizamos la IA y la automatización para que cualquier proceso pueda ser más eficiente, y las usamos también para aprender y evolucionar.

La automatización no reemplaza, empodera.

Automatizamos tareas repetitivas para enfocarnos en lo que importa: aportar valor, ser creativos y buscar la excelencia.

Donde hay confianza, ahí es.

Trabajamos contigo de manera transparente y cercana. Un equipo unido y confiado genera los mejores resultados.

Aprender, aprender y aprender.

Cada desafío es una oportunidad para mejorar. Los errores no nos detienen, nos enseñan.

Tu éxito es el nuestro. ¡Cheers!

No somos solo una agencia, somos tu aliado estratégico. Cuando tu marca brilla, nosotros también.

02 · Manual de marca

Logotipo

Un logotipo tipográfico de composición vertical, una versión intermedia «VdL» y un símbolo, el «<», que funciona también por sí solo.

Evolución del símbolo

Original · V
Cambio
Ajuste · actual

Qué simboliza

mayor / menormegáfono / vozcorchete / códigoabrazofunnelconexión / nodo

Qué transmite

crecimientoadaptabilidadtecnológicoacompañamientoevoluciónsoluciones

Anatomía

Tipografía

Madurez y estabilidad.

Símbolo

Visión y proyección.

Tagline

Nueva etapa y propuesta de valor.

Composición

Adaptable, no horizontal.

Versiones principal y secundaria

La versión principal combina el azul con el símbolo y el tagline en verde. La secundaria sustituye el verde por el rosa. Ambas existen con y sin tagline.

Principal · positivo
Principal · negativo
Secundaria · positivo
Secundaria · negativo
Sin tagline
Sin tagline
Sin tagline
Sin tagline

Versión intermedia · VdL

Para espacios donde el logotipo completo queda pequeño pero el símbolo solo se queda corto: cabeceras web en móvil, pies de diapositiva, firmas de correo, marcas de agua en vídeo o avatares horizontales. Se comporta cromáticamente igual que el logotipo completo.

Principal · positivo
Principal · negativo
Secundaria · positivo
Secundaria · negativo
Mayús.EjeBase d al 85 %símbolo centrado
V y L en Bold, d en Regular

Repite la alternancia de pesos de «valor · de · ley».

d al 85 %

Reducida desde la línea base, con la V y la d ajustadas ópticamente.

Símbolo centrado

Mismo tamaño relativo que en el logotipo completo, centrado en el eje de las mayúsculas.

Sin tagline

La versión intermedia no lleva MAKING CONNECTIONS.

Descarga los archivos SVG en la carpeta logos-vdl-intermedio del proyecto: principal y secundaria en positivo y negativo, y monocromos en azul y en blanco.

Jerarquía de versiones

Completo con tagline

Desde 200 px. Portadas, piezas institucionales y formatos grandes.

Completo sin tagline

De 84 a 199 px. Uso general cuando el tagline no se lee.

Intermedio · VdL

De 48 a 83 px. Cabeceras móviles, pies y firmas.

Símbolo

Por debajo de 48 px, y como icono de app, favicon y avatar.

Aplicación como icono

Para app, favicon y avatares en redes se usa solo el símbolo, dentro de un contenedor de color. El símbolo ocupa el 52 % del ancho del contenedor y va centrado ópticamente, un 1 % hacia la izquierda.

PrincipalAzul con símbolo verde. Versión por defecto.
ClaroBlanco con símbolo azul, para fondos oscuros.
SecundariaAzul con símbolo rosa, en campañas de la línea secundaria.
RosaRosa con símbolo blanco, para destacar en listados.

App

Esquinas con radio del 22 %. Archivo maestro de 1024 × 1024 px, sin transparencia.

Favicon

VdL · Creatividad ♥ Tecnología

A 16 y 32 px el símbolo crece hasta el 70 % para que se lea. Radio de esquina del 14 %.

Avatar en redes

VdL@valordeley

Se sube en cuadrado (400 × 400 px); la red lo recorta en círculo. El símbolo al 50 % queda dentro del recorte.

Solo el símbolo

Ni el logotipo completo ni la versión intermedia caben en un icono.

Contenedor de color

Nunca el símbolo suelto sobre transparente en app o avatar.

Sin efectos

Sin sombras, brillos, bordes ni degradados añadidos.

Mismas parejas de color

Solo las cuatro combinaciones de arriba.

Retícula y área de seguridad

1x1x

El módulo 1x define el espacio libre mínimo alrededor del logotipo, con o sin tagline. Dentro de esa zona no puede haber texto, imágenes ni otros elementos gráficos. En la versión intermedia, 1x equivale a la altura de las mayúsculas de «VdL».

Positivo y negativo

Versiones monocromas para fondos de color. La columna central ofrece la mayor legibilidad; la de la derecha, menor, y debe reservarse para piezas con poco texto o de gran formato.

Sobre blancoMayor legibilidadMenor legibilidad

Versión intermedia

Tamaños y reducciones

≥ 200 px · ≥ 71 mm

Con tagline

84–199 px · 30–71 mm

Sin tagline

48–83 px · 17–30 mm

Intermedio · VdL

< 48 px · < 17 mm

Símbolo · mínimo 11 px / 4 mm

Cada versión se muestra a su tamaño mínimo, medido en ancho. La versión con tagline se usa a partir de 200 px; entre 84 y 199 px, sin tagline; entre 48 y 83 px, la versión intermedia «VdL», y por debajo de 48 px, solo el símbolo.

Usos incorrectos

Propuesta pendiente de validar: el apartado aún no está desarrollado en Notion.

No deformar ni cambiar las proporciones.
No rotar ni inclinar.
No usar colores fuera de la paleta.
No usar combinaciones sin contraste.
No añadir sombras, contornos ni efectos.
No separar ni recolocar el símbolo.

03 · Manual de marca

Color

Tres colores principales con un papel claro cada uno: el azul da estabilidad, el verde energía y el rosa carácter.

Azul VdL

Principal · fondos, textos y logotipo

HEX
RGB
0 · 0 · 74
CMYK
100 · 93 · 38 · 51
100755025

Verde VdL

Acento · símbolo, tagline, titulares sobre azul

HEX
RGB
170 · 224 · 90
CMYK
41 · 0 · 76 · 0
100755025

Rosa VdL

Acento · versión secundaria, etiquetas, refuerzo

HEX
RGB
180 · 30 · 120
CMYK
32 · 97 · 0 · 0
100755025

Toca un código HEX para copiarlo. Las tramas al 75, 50 y 25 % están disponibles para gráficos, fondos secundarios y estados.

Proporciones de uso

Azul · dominante
Verde
Rosa

El azul manda. El verde y el rosa se reparten el acento; no conviene que ninguno de los dos compita con el azul por superficie.

Colores de contraste

#C7D2FF
Contraste del azul
#ECFFCC
Contraste del verde
#FFD7F6
Contraste del rosa

Tonos claros para fondos de apoyo, tarjetas, tablas y zonas de lectura donde el color pleno resultaría pesado.

Fondos y contraste

La marca trabaja con tres fondos. Cada uno admite solo algunos colores de texto; el contraste mínimo para leer es de 4,5:1, y de 3:1 para titulares grandes (24 px o más en Bold).

Blanco

Fondo de lectura. Cualquier longitud de texto.

  • Azul19,1:1 · todo
  • Rosa6,1:1 · todo
  • Verde1,5:1 · nunca texto

Azul sólido

Fondo de marca. Titulares y textos cortos.

  • Blanco19,1:1 · todo
  • Verde12,3:1 · todo
  • Rosa3,1:1 · solo formas

Degradado de marca

Solo textos grandes, en su zona oscura.

  • Blanco o verde ≥ 24 pxen zona oscura
  • Sobre zonas clarasnunca texto
  • Cuerpo de textoen tarjeta blanca

El rosa sobre azul no llega al mínimo ni para titulares grandes: úsalo en pills con texto blanco, símbolos y formas, nunca como color de texto.

Degradado de marca

La tecnología no reemplaza la creatividad. La potencia.

Biblioteca cerrada

Se usan los 12 degradados de recursos-vdl/fondos. No se crean otros ni se editan sus colores.

Texto en la zona oscura

Cada degradado tiene una zona azul oscura. El texto va siempre ahí, en blanco o en verde (más de 12:1).

Solo textos grandes

Portadas, separatas, titulares de RRSS y cierres de reel, a partir de 24 px. El cuerpo de texto va en tarjeta blanca.

Siluetas

En portadas y separatas se pueden fundir las siluetas de recursos-vdl/fotos sobre el degradado, al 50 % en modo multiplicar.

Biblioteca de degradados

La etiqueta indica dónde está la zona segura para texto blanco o verde. Los marcados «Sin texto» solo sirven como fondo o con tarjeta blanca encima.

Degradado 01
01Sin texto
Degradado 02
02Texto abajoSeparatas
Degradado 03
03Texto abajoSeparatas
Degradado 04
04Texto abajo
Degradado 05
05Texto abajoPortadas
Degradado 06
06Texto abajoSeparatas
Degradado 07
07Texto abajo o centroPortadas y contraportadas
Degradado 08
08Texto arriba
Degradado 09
09Texto en el centro
Degradado 10
10Sin texto
Degradado 11
11Texto arriba a la derecha
Degradado 12
12Texto arriba a la derecha

04 · Manual de marca

Tipografía

Dos familias de Google Fonts: Sora para titular y destacar, Onest para leer.

Sora

Titulares y destacados

Aa

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz áéíóú 1234567890 .:,;-_*[]()¡!¿?$%&/

BoldSemiBoldRegular

Titulares (H1–H4), catchlines, pills, etiquetas y botones. Siempre en Bold para titular.

Onest

Lectura

Aa

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz áéíóú 1234567890 .:,;-_*[]()¡!¿?$%&/

BoldMediumRegularLight

Intros, cuerpos de texto, captions y legales. Medium para el cuerpo; Light para detalles y textos mínimos.

Escala por canal

UsoWeb (px)Post / Story (px) · 1080×1080 / 1080×1920Presentaciones (pt) · 1920×1080
Título principalH1 Sora Bold 68 · H2 Sora Bold 44Principal Sora Bold 60–72 · Catchline Sora Bold 45Portada / H1 Sora Bold 48–54 · Diapositiva Sora Bold 36–40
SubtítulosH3 Sora Bold 36 · H4 Sora Bold 24Sora Bold 36–40Sora Bold 24–28
CuerpoIntro Onest Medium 18 · Body Onest Medium 16Normal Onest Medium 30 · Largo Onest Medium 24–28Pantalla Onest Medium 18–20 · Formato doc Onest Medium 14–16
Detalles / mínimoInfo Onest Light 14Legales / tags Onest Light 18–20Mínimo absoluto Onest Medium 10
Pills / tagsSora Bold 11 · tracking 2 pxSora Bold 16Sora Bold 10
DestacadosSímbolo + Sora Bold 32Símbolo + Sora Bold 36Mismo cuerpo de texto

Color del texto según el fondo

ElementoSobre fondo blancoSobre fondo azulSobre degradado
TítuloAzulVerde BlancoBlanco Verde ≥ 24 px, en zona oscura
SubtítuloRosa AzulBlancoVerde Blanco, en zona oscura
Cuerpo y detallesAzulBlancoEn tarjeta blanca, texto azul
DestacadosSubrayado verde sobre texto azulPalabra en verde sobre texto blancoPeso Bold o subrayado blanco

Cambio respecto a Notion: el verde deja de usarse como color de texto sobre blanco (contraste 1,5:1). Sobre blanco, el verde queda para subrayados, formas y pills con texto azul.

Un solo recurso de énfasis por titular

Para destacar una palabra se puede usar cambio de color, bold, subrayado o el símbolo, pero solo uno por titular.

✓ Así

La IA no sustituye el criterio.
Lo amplifica.

✕ Así no

La IA NO sustituye el CRITERIO.
● LO AMPLIFICA

Reglas de uso

Reglas tipográficas

Propuesta nueva: pendiente de validar por el equipo.

Mayúsculas y minúsculas

Titulares y textos en tipo oración

Solo la primera letra en mayúscula, y los nombres propios. Nunca titulares ni párrafos enteros en mayúsculas.

Mayúsculas, solo en tres casos

Etiquetas de sección (BLOG, NEWS) en Onest Light, pills y antetítulos en Sora Bold con tracking, y el tagline MAKING CONNECTIONS.

El nombre de la marca

En cualquier texto, «VdL», con la d en minúscula. «Valor de Ley» queda para usos legales. Nunca «VDL», «Vdl» ni «Valor De Ley».

Siglas y hashtags

Siglas en mayúsculas y en español: IA, SEO, CRM. Hashtags con mayúscula en cada palabra: #ValorDeLey.

✓ Así

Automatizar es liberar tiempo para aportar más valor

BLOG

SEO
✕ Así no

AUTOMATIZAR ES LIBERAR TIEMPO

Automatizar Es Liberar Tiempo Para Aportar Más Valor

Un proyecto de VDL con AI

Uso de pesos

Sora BoldTitulares H1–H4, catchlines, pills, etiquetas y botones.
Sora RegularSolo como contrapeso dentro de un titular que resalta una parte en Bold.
Onest MediumCuerpo de texto, intros y captions. Es el peso de lectura.
Onest BoldResaltar una idea dentro de un párrafo. Máximo una vez por párrafo.
Onest LightEtiquetas de sección a gran tamaño, legales e información secundaria. Nunca por debajo de 14 px ni sobre degradado.
Dos pesos por bloque

Titular y cuerpo usan como máximo dos pesos entre los dos.

Sin cursivas

Ni Sora ni Onest tienen cursiva. No la simules inclinando el texto.

Bold en titular, como énfasis

Mezclar Regular y Bold en un titular cuenta como el único recurso de énfasis de ese titular.

Posicionar en Google es fácil. Lo difícil es alinearse con la intención de búsqueda.

Regular + Bold en un titular: el Bold hace de énfasis

Longitud de titulares

CanalTitular principalSubtítulo / catchlineCuerpo
WebH1 hasta 60 caracteres · máx. 2 líneasH2 hasta 70 caracteres60–75 caracteres por línea
Post (1080×1080)Hasta 8 palabras · máx. 3 líneasCatchline hasta 12 palabrasPárrafos de 3–4 líneas
Story / reel (1080×1920)Hasta 6 palabras · máx. 3 líneasHasta 10 palabrasUna idea por pantalla
PresentacionesDiapositiva: 1 línea, hasta 45 caracteres · portada: máx. 2 líneasHasta 80 caracteresMáx. 6 líneas por diapositiva
Comprobador de titularesEscribe o pega un titular y elige dónde se va a usar.

Alineación

Menos tareas.
Más tiempo para pensar.

Automatizamos lo repetitivo para que el equipo se centre en lo que aporta valor.

Izquierda · por defectoPara titulares y textos de cualquier longitud.

Haz que la tecnología trabaje para ti.

Centrado · solo frases cortasCitas, cierres y portadas de reel. Máximo 3 líneas y sin cuerpo de texto debajo.

Posicionar en Google es fácil. Lo difícil es alinearse.

Derecha · excepcionalSolo en RRSS, cuando el titular equilibra un elemento a la izquierda. Nunca en textos de más de 5 líneas.

La tecnología está cambiando la forma en la que las empresas trabajan, comunican y crecen, pero tener más herramientas no significa trabajar mejor.

✕ Justificado · nuncaAbre huecos irregulares entre palabras y empeora la lectura.

Saltos de línea en titulares

✓ Así

La IA no sustituye el criterio.
Lo amplifica.

Cada línea es una unidad de sentido. En frases de dos tiempos, el salto va tras el punto.
✕ Así no

La IA no sustituye el
criterio. Lo amplifica.

El corte parte la idea por la mitad.
✓ Así

No necesitas más herramientas.
Necesitas conectarlas mejor.

Líneas de longitud parecida, sin palabras sueltas.
✕ Así no

Haz que la tecnología trabaje para
ti.

Una palabra sola en la última línea (viuda).
✓ Así

La innovación tiene sentido
cuando genera resultados.

Artículos y preposiciones viajan con su palabra.
✕ Así no

La innovación tiene sentido cuando ge-
nera resultados.

Nunca se dividen palabras con guion en un titular.

En web, los titulares llevan text-wrap: balance para repartir las líneas de forma equilibrada.

Interlineado y espaciado entre letras

ElementoInterlineadoTracking
Titulares grandes (H1, principal RRSS)1,05–1,1−1 %
Titulares medianos y subtítulos1,15–1,250
Cuerpo de texto1,5–1,60
Mayúsculas (pills, antetítulos, tagline)1,2+8 % a +16 %
Etiquetas de sección en Onest Light1+2 %

04 · Componentes

Botones

Pastillas con extremos redondos en Sora Bold 14 px. Al pasar el cursor se desplazan ligeramente (micro-shift).

1 · PrimarioHablemosFondo verde, texto azul. Hover: fondo blanco. Para fondos oscuros.
2 · SecundarioVer serviciosBorde verde de 1–2 px. Hover: borde y texto blancos. Para fondos oscuros.
3 · TerciarioSaber más →Texto verde con flecha. Hover: blanco. Para enlaces dentro de textos.
4 · InvertidoDescubre el casoFondo blanco, texto azul. Hover: transparente con borde blanco. Para fondos muy saturados o imágenes.
5 · RefuerzoCuéntanos qué necesitasFondo rosa, texto blanco. Hover: transparente con borde blanco. Para fondos oscuros.

05 · Sistema visual

Sistema visual

Los elementos que se repiten en la línea creativa 2026. Hacen reconocibles las piezas incluso sin logotipo.

Anatomía de una pieza

Dos piezas de la línea creativa 2026. Cada número corresponde a un elemento del sistema, descrito debajo.

1 3 4

BLOG

No necesitas más herramientas. Necesitas conectarlas mejor.

Nombre Apellido

“

Blog · degradado de marca con titular grande en blanco, etiqueta de sección y firma.
3 5 2

NEWS

SEO

Google Analytics 4 identificará de forma nativa el tráfico que llega desde IAs.

GA4 estrena el canal nativo «AI Assistant» para medir las visitas que llegan desde ChatGPT o Gemini.

News · azul sólido con etiqueta en verde, líneas guía, tarjeta blanca y pill de categoría.
  1. Fondo

    Blanco, azul sólido o degradado de marca. El degradado solo con textos grandes en blanco. Las fotografías llevan el mismo baño de color.

  2. Tarjeta blanca

    El mensaje va sobre una tarjeta blanca de esquinas redondeadas (radio 16–20 px). Asegura la lectura sobre fondos intensos.

  3. Etiqueta de sección

    Una palabra en mayúsculas, Onest Light a gran tamaño: BLOG, NEWS, FILOSOFÍA. Nombra el formato de la pieza.

  4. Pills

    Categorías y autoría en pastillas redondas: rosa o verde rellenas, o solo contorno.

  5. Líneas guía

    Líneas finas en verde que cruzan la pieza y recuerdan la retícula. Conectan los elementos entre sí.

Reglas de legibilidad

Texto largo, siempre en tarjeta

Sobre degradado o fotografía, el cuerpo de texto va dentro de la tarjeta blanca. Encima del fondo, solo titulares de 24 px o más.

Contraste mínimo 4,5:1

Azul sobre blanco y blanco sobre azul son las combinaciones de lectura. El verde, como texto, solo sobre azul.

Ni verde sobre blanco ni rosa sobre azul

No llegan al contraste mínimo (1,5:1 y 3,1:1). Úsalos en formas, subrayados y pills, nunca como texto.

Fotografía real

Personas del equipo en actitud cercana, con el mismo baño de color. Aportan confianza, sobre todo en portadas de reels.

Un foco por pieza

Una etiqueta, un titular y como máximo un recurso de énfasis. Deja aire alrededor de la tarjeta.

06 · Sistema visual

Iconografía

Iconos de línea, sencillos y técnicos, con un único detalle en color de acento. Muchos incorporan el ángulo del símbolo «<».

Propuesta nueva: pendiente de validar por el equipo de diseño.

Inteligencia artificial
Automatización
Datos
Integración
Estrategia
Creatividad
Contenido
Crecimiento
Comunicación
Tiempo
Desarrollo
Equipo

Construcción

48 px
32 px
24 px
Retícula de 24 × 24

Con 2 unidades de margen interior (zona discontinua).

Trazo de 2 unidades

Extremos y uniones redondeados. Esquinas con radio de 2,5.

Un solo acento

Un único elemento en verde (o rosa) por icono. El resto, en azul o blanco.

Tamaño mínimo 24 px

Usa 24, 32 o 48 px. No rellenes los iconos ni mezcles con otros estilos.

Sobre fondo azul

Inteligencia artificial
Automatización
Integración
Crecimiento
Desarrollo
Equipo

Sobre azul, el trazo va en blanco y el acento en verde. En fondos claros, el acento verde se oscurece ligeramente para mantener el contraste.

07 · Sistema visual

Recursos gráficos

Piezas sencillas que se combinan en cualquier soporte. Salen del símbolo, de la retícula y de la tipografía, así que no hace falta ilustrar.

Propuesta nueva: pendiente de validar por el equipo de diseño.

Símbolo a sangreEl «<» a gran escala, cortado por el borde. Para portadas, separatas y fondos de sección.
Nodos y conexionesPuntos unidos por líneas de 1,5 px. Para relacionar ideas, pasos o servicios.
Líneas guíaLíneas finas en verde que dibujan la retícula y encuadran la etiqueta de sección.
CorchetesMayor y menor como marco de una palabra clave. Remite al código y al naming.
SubrayadoBarra verde tras la palabra destacada. Es el recurso de énfasis por defecto sobre blanco.
PillsCategoría rellena en rosa o verde; autoría solo en contorno.
ComillasComilla rosa en Sora Bold para citas y testimonios.
NumeraciónCírculos numerados para pasos y procesos. El paso activo o final, en verde.
Dos recursos por pieza

Como máximo dos, más la tipografía. Uno manda y el otro acompaña.

Solo la paleta

Azul, verde, rosa y blanco. Sin sombras, volumen ni texturas.

Sin tópicos tecnológicos

Nada de robots, cerebros digitales ni circuitos brillantes. Encaja con evitar el hype en el tono.

Personas, en foto

Fotografía real del equipo o del cliente, nunca ilustración. En portadas y separatas, siluetas fundidas con el degradado.

08 · Sistema visual

Patrones y elementos visuales

Tramas construidas con el símbolo y la retícula. Dan textura a fondos, portadas y cabeceras sin competir con el mensaje.

Propuesta nueva: pendiente de validar por el equipo de diseño.

SímboloRepetición del «<» en verde y lavanda. Para fondos de presentación, portadas y separadores.
Retícula y nodosEvolución de las líneas guía de RRSS. Para fondos web, cabeceras y slides de sección.
<>
CódigoMayor y menor alternados, la dualidad del naming. Para piezas de desarrollo y eventos.
Tono sobre tonoVersión suave para fondos de documentos, papelería digital y zonas con texto encima.
Nunca detrás del logotipo

El área de seguridad del logotipo queda siempre libre de trama.

Texto sobre tarjeta

Si hay texto encima de un patrón, va sobre tarjeta blanca o sobre la versión tono sobre tono.

Escala constante

El símbolo del patrón no debe ser más grande que el del logotipo en la misma pieza.

09 · Directiva de copywriting

Identidad verbal

Comunicamos desde la unión entre creatividad, tecnología y negocio: conocimiento estratégico, experiencia práctica y capacidad de innovación, siempre orientados a resultados.

Principios de comunicación

Evitamos tanto el lenguaje excesivamente técnico como los mensajes del marketing aspiracional o promocional. Hablamos de problemas reales, soluciones aplicadas y resultados tangibles, con un lenguaje claro, cercano y profesional.

La marca no busca parecer la más innovadora ni la más disruptiva. Busca transmitir que entiende los problemas reales de las empresas y que sabe aplicar creatividad y tecnología para resolverlos.

Saben de lo que hablan porque lo hacen cada día.

La sensación que debe dejar cualquier mensaje.

Tono de voz

Expertosin ser arrogante
Cercanosin ser informal
Tecnológicosin ser complejo
Estratégicosin ser corporativo
Innovadorsin caer en el hype

Qué transmite

CredibilidadExperienciaCuriosidadInnovación aplicadaOrientación a resultados

Qué evita

Promesas exageradasLenguaje de gurúSensacionalismoTecnicismos innecesariosArgumentos vacíos

Tiene que entenderse fácilmente incluso cuando hablamos de IA, automatización o tecnología.

Territorio verbal

Palabras aconsejadas y desaconsejadas

✓ Aconsejadas

Tecnología
Inteligencia ArtificialIAAutomatizaciónInnovaciónTecnologíaDatosIntegraciónOptimización
Negocio
CrecimientoConversiónEficienciaEscalabilidadResultadosImpactoProductividad
Marketing
EstrategiaPosicionamientoCaptaciónExperienciaAudienciaContenido
Creatividad
DiseñoBrandingCreatividadComunicaciónExperiencias

✕ Desaconsejadas

Tecnología
Tecnología humoDisruptivoRevolucionarioFuturistaGame changerNext levelDe última generaciónTecnología del futuroTransformador
Negocio
ÉxitoTriunfarGanarLiderarDominarMaximizarFórmula de éxitoNegocio imparable
Marketing
HackearPetarloReventarViralizarMultiplicar x10Fórmula secretaMétodo definitivoGarantizado
Creatividad
MágicoIncreíbleEspectacularTransgresorIcónicoPremiumImpactanteSorprendente

Claims y slogans

Claim de marca

Making connections

Principal

Creatividad ♥ Tecnología

La expresión más clara y diferencial de la marca.

Corporativo

Tecnológicamente creativos y creativamente tecnológicos.

Define la filosofía de trabajo.

De negocio

Crecer. Conectar. Convertir.

Resume el impacto esperado de cualquier acción.

Mensajes clave

Haz que la tecnología trabaje para ti. La innovación tiene sentido cuando genera resultados. Automatizar es liberar tiempo para aportar más valor. La tecnología es una herramienta. El objetivo sigue siendo el negocio. Las mejores soluciones son las que simplifican problemas complejos.

No hace falta reproducirlos literalmente: sirven como punto de partida para ideas, hooks, reflexiones o cierres, adaptados al objetivo de cada contenido.

Cómo comunicar y cómo no

  • Esta automatización permite reducir tareas manuales y dedicar más tiempo a la estrategia.
  • Analizamos el proceso, detectamos puntos de mejora y diseñamos una solución adaptada al negocio.
  • La IA no sustituye el criterio. Lo amplifica.
  • La tecnología aporta valor cuando resuelve problemas reales.
  • La automatización definitiva que revolucionará tu empresa.
  • El secreto para multiplicar tus resultados.
  • Nuestra metodología disruptiva cambia las reglas del juego.
  • La herramienta que está arrasando en internet.

Pilares editoriales

Creatividad

Ideas, diseño, branding, campañas, procesos creativos.

Tecnología

IA, automatización, herramientas, integraciones, nuevos desarrollos.

Marketing

Estrategia, performance, SEO, datos, captación, conversión.

Conexiones

Cómo se relacionan tecnología, creatividad, negocio, personas y procesos.

VdL

Proyectos, equipo, cultura, metodología, aprendizajes.

Frases cortas de marca

Recursos verbales reconocibles para hooks, titulares, cierres o destacados. Breves, directas, basadas en una idea y no en una promesa.

La IA no sustituye el criterio. Lo amplifica.

La tecnología funciona cuando resuelve problemas reales.

Menos tareas. Más tiempo para pensar.

No necesitas más herramientas. Necesitas conectarlas mejor.

La innovación tiene sentido cuando genera resultados.

Adaptación según vertical

Tecnología / IA

Explicar y simplificar. Evitar tecnicismos innecesarios.

Creatividad / diseño

Foco en la idea, el criterio y la aplicación.

Marketing / estrategia

Hablar de objetivos, decisiones y resultados.

Negocio / casos

Problemas concretos, soluciones aplicadas y aprendizajes.

La tecnología nunca es protagonista por sí misma: aparece como herramienta al servicio de una necesidad, una idea o un resultado.

CTA según objetivo

ConversaciónPreguntas abiertas: «¿Cómo lo estáis resolviendo?», «¿Te pasa lo mismo?»
InteracciónPedir opinión, experiencia o punto de vista.
ReflexiónCerrar con una idea que invite a pensar.
EducativoInvitar a ampliar información o consultar un recurso.
Llevar a un recurso«Descubre el caso completo», «Te lo contamos aquí».
ConversiónLlevar a contacto, servicio, proyecto o consulta.
Generar contactoCTA más directo: «Hablemos», «Cuéntanos qué necesitas».

No todas las publicaciones necesitan una llamada comercial.

Recursos de cierre

Pregunta

¿Qué proceso de tu empresa automatizarías primero?

Reflexión

La tecnología no mejora un proceso que ya estaba mal planteado.

Aprendizaje

Automatizar no es hacer lo mismo más rápido. Es replantear cómo se hace.

Frase de marca

Haz que la tecnología trabaje para ti.

CTA

¿Quieres saber dónde tiene sentido aplicar IA en tu empresa? Hablemos.

Principio rector

VdL no habla de herramientas, servicios o tendencias. Habla de cómo la creatividad y la tecnología pueden resolver problemas reales y generar resultados tangibles para las empresas.

Por eso la marca prioriza siempre los aprendizajes, los procesos, los casos reales y el impacto generado frente a las promesas, las tendencias pasajeras o los mensajes vacíos. Cada contenido debe reforzar la percepción de VdL como un partner experto, innovador y orientado a negocio.

10 · Recursos de marca

Recursos de marca

Guías de aplicación, plantillas y archivos listos para usar. El manual define la identidad; aquí está lo necesario para aplicarla.

Pendiente de desarrollar

Aplicaciones

  • Web
  • Comercial general y de servicio
  • Papelería digital (Google Docs)

Audiovisual

  • Intro / outro
  • Lower thirds
  • Música y sonido

Validaciones

  • Usos incorrectos del logotipo
  • Iconografía, recursos gráficos y patrones
  • Reglas tipográficas