Quantum Ventures · manual de marca

Lo que ya es
la marca

Esto no es una propuesta de marca. Son los valores reales que están hoy en producción, sacados uno a uno de las páginas que ya funcionan.

Ver la arquitectura de marca: Quantum Stack y Quantum Ventures →
Ver las propuestas de logo →
Ver la propuesta FINAL de logo →

Se hizo así a propósito. Reconstruir una marca de memoria ya nos costó un logo mal hecho: el color y la tipografía no coincidían con los de verdad. Aquí cada color y cada tipografía sale de un fichero que está sirviendo una página en vivo, no de lo que yo recordara.

lo primero

Hay tres marcas,
no una

Quantum ha crecido rápido y cada tipo de pieza se resolvió cuando hizo falta. El resultado es que hay tres sistemas visuales distintos conviviendo, y dos de ellos casi se dan la mano pero no del todo.

Cursos y formación

qsia.quantumventures.io
  • Fondo oscuro, tinta #0B0B11
  • Titulares en Sora, texto en Inter
  • Un acento por bloque: violeta, verde, ámbar, rosa
  • Órbita de luz y malla de 56px
  • Fuentes servidas en local, sin depender de Google

Paneles y dashboards

control · claudia · tudor · stack
  • Fondo casi negro, #0a0a0b
  • Todo en Inter, sin tipografía de titular
  • Un violeta fijo: #6d6dfb
  • Seis colores de serie para gráficas
  • Cuatro estados: bien, aviso, serio, crítico

Presentaciones de cliente

demos · tudor · alicia · propuestas
  • Fondo claro, #F7F6F2 o blanco
  • Tipografía distinta en cada pieza
  • Acento distinto en cada pieza
  • Una idea por pantalla, sin fotos
  • El peso lo dan el tamaño y el aire

El tercero es distinto a propósito y está bien así: una presentación para un cliente lleva la marca de ese cliente, no la nuestra. Los dos primeros sí deberían ser el mismo y no lo son.

color · la base oscura

El fondo y los grises

Los dos sistemas internos son oscuros. Estos son los valores que están hoy en los ficheros.

Tinta
#0B0B11
Fondo de las presentaciones de curso.
Negro panel
#0a0a0b
Fondo de los dashboards. Casi el mismo, no el mismo.
Panel
#14141E
Tarjetas sobre el fondo.
Panel 2
#191926
Segundo nivel, cajas dentro de tarjetas.
Línea
#22222E
Bordes y separadores. Nunca blanco puro.
Texto
#F2F2F7
Texto principal. Blanco roto, no #FFF.
Suave
#9393AE
Texto secundario, pies, etiquetas.
color · decisión pendiente

Dos violetas que
no son el mismo

Hay que elegir uno

Puestos uno al lado del otro se distinguen. En una presentación y un panel abiertos a la vez, parecen dos marcas parecidas en lugar de la misma marca. No hay una razón detrás: cada pieza eligió el suyo cuando se hizo.

#7C5CFFcursos y formación
#6d6dfbpaneles y dashboards

Mi recomendación: quedarse con #7C5CFF. Tiene algo más de fuerza, funciona mejor sobre fondo oscuro y es el que llevan las piezas que ve un cliente por fuera. Cambiar el de los paneles es una línea en cada hoja de estilos.

Violeta
#7C5CFF
Acento principal.
Violeta claro
#A48BFF
Enlaces y estados sobre el acento.
Verde
#3DDC97
Acento alternativo por bloque. Y «va bien».
Ámbar
#FFB84D
Acento alternativo. Y «mira esto».
Rosa
#FF8FA3
Acento alternativo. Y «esto está mal».
color · datos

Los colores de
gráfica y estado

Solo viven en los paneles, y conviene no inventarse otros: una gráfica con colores nuevos cada vez es lo que hace que un panel parezca de otro producto.

Serie 1
#6d6dfb
Serie 2
#199e70
Serie 3
#c98500
Serie 4
#e66767
Serie 5
#d55181
Serie 6
#d95926
Bien
#0ca30c
Funciona, verificado, al día.
Aviso
#fab219
Mirar esto, sin urgencia.
Serio
#ec835a
Hay que actuar hoy.
Crítico
#d03b3b
Algo está caído o alguien no recibe servicio.
tipografía

Inter manda,
y hay dos candidatas a titular

Esto no es una opinión: es el recuento de en cuántas piezas de Quantum aparece cada una hoy.

Inter
32 piezas · texto, interfaz, datos
Es la tipografía de Quantum sin discusión. Aguanta bien en tamaño pequeño y en tablas, que es donde vive la mitad de lo que hacemos.
Sora
4 piezas · titulares de los cursos
Es la de las presentaciones de formación. Más geométrica y con más carácter en tamaño grande.
Space Grotesk
11 piezas · titulares de presentaciones
Aquí se ve en Sora porque esta página no la carga. Se usa en más sitios que Sora, y esa es justo la decisión pendiente.

Segunda decisión pendiente

Para titulares hay Sora en 4 piezas y Space Grotesk en 11. Por uso gana Space Grotesk; por identidad de los cursos gana Sora. Hace falta elegir una y que la otra desaparezca, porque dos tipografías de titular es lo mismo que ninguna.

la marca gráfica

Quantum no tiene
logo. Tiene un punto

Buscado en todas las piezas: no hay ningún archivo de logo. Lo único que se repite es una marca mínima, un cuadrado redondeado del color de acento con un halo, junto al nombre.

Quantum Ventures

Y funciona. Es sobrio, no compite con el contenido y se dibuja con tres líneas de CSS en cualquier página nueva. La pregunta no es si sirve, es si queremos algo más. Mientras no se decida, esto es la marca y conviene usarla siempre igual: 12 píxeles, radio de 3, halo del mismo color, y el nombre en la tipografía de titular.

cómo se escribe

La voz también
es la marca

Estas reglas no son de estilo, son de reconocimiento: un texto que las cumple se nota que es nuestro.

01 Ni un guion largo Se leen como texto escrito por una máquina. Antes de publicar, se busca y no queda ninguno.
02 Frases cortas y palabras normales Si una frase hay que releerla, se reescribe. No se usa una palabra rara donde vale una corriente.
03 Lenguaje neutro en género Clientes, no clientas. Alumnado, no alumnas. Por defecto, sin que nadie lo pida.
04 Si la pieza la manda el cliente, va en primera persona Una presentación que envía Claudia habla como Claudia, no como una agencia.
05 Se dice lo que no sabemos Un dato sin respaldo se marca como suposición. Es lo que hace que el resto se pueda creer.
Así no

Optimizamos tus procesos mediante soluciones de inteligencia artificial de vanguardia —adaptadas a tu negocio— para maximizar tu rentabilidad.

Así sí

Le montamos un asistente que hace el trabajo que hoy te come la mañana. Le hablas por Telegram y te lo devuelve hecho.

la regla que manda sobre todas

En el trabajo de cliente,
la marca es la suya

Nada de esta página se aplica a una pieza que lleve el nombre de un cliente. La tipografía y los colores salen de su marca, y si no la tiene, se le propone una suya.

Está escrito porque se rompió: una pieza heredó la paleta de la anterior por comodidad. Lo que hace que un cliente sienta que el trabajo es suyo es exactamente esto. Nuestra marca es para lo nuestro: paneles internos, formación, propuestas de Quantum.

para cerrar la marca

Tres decisiones,
diez minutos

1 · Qué violeta

#7C5CFF o #6d6dfb. Recomiendo el primero. Cambiarlo es una línea por hoja de estilos y lo puedo dejar hecho en media hora.

2 · Qué tipografía de titular

Sora o Space Grotesk. Por uso gana Space Grotesk, por identidad de los cursos gana Sora. Una de las dos tiene que desaparecer.

3 · Si el punto es suficiente

Hoy la marca gráfica es un cuadrado de 12 píxeles. Funciona, pero si quieres algo más hay que encargarlo, y hasta entonces se usa el punto en todo.

Con esas tres respuestas, esta página deja de describir lo que hay y pasa a ser lo que se cumple. Y entonces sirve para dársela a alguien de fuera sin explicarle nada más.