01 / IdentidadCuatro fundamentos. Un punto de conexión.
La geometría del símbolo coincide con el favicon. Estos ejemplos combinan el símbolo con DM Sans. Los logotipos SVG independientes existentes aún usan Arial y necesitan una versión revisada con el texto convertido en trazados para su distribución externa.
Descargas de logotiposListo para tu próximo perfil.
Usa el PNG cuadrado para LinkedIn y otras imágenes de perfil. Ambas versiones tienen 1024 × 1024 px, con margen para recortes cuadrados o circulares. Usa SVG para trabajos de diseño escalables.
Símbolos transparentes
Descargar símbolo para fondos claros (SVG)
Descargar símbolo para fondos oscuros (SVG)
Para el logotipo completo, combina el símbolo con DM Sans. Los SVG antiguos de la composición completa contienen texto editable en Arial y no son los archivos maestros recomendados para nuevos trabajos externos.
Descargas de banners socialesUna identidad. Cada canal.
Banners listos para subir a páginas de empresa de LinkedIn, YouTube y X. Cada diseño usa la frase aprobada en inglés “Your RevOps consultant in your AI.” Descarga el PNG para subirlo o el SVG con texto convertido en trazados para trabajos de diseño.
Descargar todos los banners (ZIP, en inglés)
Página de empresa LinkedIn
4200 × 700 px · Portada de la empresa, con el mensaje alejado del logo del perfil.
Descargar PNGDescargar SVG
canal de YouTube
2560 × 1440 px · Carga en tamaño completo con texto y logotipos mantenidos en el recorte móvil central.
Descargar PNGDescargar SVG
perfil X
1500 × 500 px · Encabezado con espacio para la foto de perfil y recorte superior/inferior.
Descargar PNGDescargar SVG
Las letras SVG están delineadas para preservar las fuentes. Confirma el recorte en la vista previa de carga de cada plataforma antes de publicar. Leer las notas de formato y publicación (en inglés).
02 / ColorAzul con espacio para respirar.
Usa azul para las acciones, los estados activos y el quinto punto. Mantén claras las superficies grandes y oscuro el texto. Evita los acentos verdes de marca y los botones principales naranjas.
03 / TipografíaPensamiento claro.
Expresión humana.
DM Sans
Encabezados primarios, cuerpo e interfaz. Fuerte jerarquía, pesos moderados y altura de línea generosa.
Newsreader cursiva
Énfasis editorial breve dentro de los títulos.
IBM PLEX MONO
Pasos, etiquetas de secciones y pequeños detalles técnicos.
Para componentes nuevos: cuerpo de 16px, texto secundario de 14px y ayuda esencial de al menos 12px. No traslades etiquetas diminutas de demostraciones a los formularios.
Deja claro el siguiente paso.
Los botones de muestras navegan dentro de esta guía. 50px de altura · 7px de radio · 13px de etiqueta. Las tarjetas utilizan radios de 12 a 14 píxeles; Los paneles de secciones principales utilizan 18px.
05 / Ritmo y movimientoEspacio para comprender.
- Envoltorio de contenido de 1240px; Espaciado de sección de escritorio de 100 px.
- Apila las columnas en pantallas estrechas; normalmente con 55–65px entre secciones en móvil.
- Utilice secciones abiertas, pálidas y oscuras para variar el ritmo.
- La sección principal lleva directamente al problema.
Movimiento con propósito.
- Historia principal: 5 segundos por etapa.
- Logotipos de clientes: bucle continuo de 25 segundos.
- Pausa al pasar el mouse/enfoque y respeta el movimiento reducido.
- Nunca ocultes información esencial detrás de la animación.
Ampliar el sistema deliberadamente.
Cada recomendación futura debe indicar la necesidad del usuario, el patrón existente reutilizado, el comportamiento móvil y las implicaciones de accesibilidad. Los nuevos colores, tipos de letra y tratamientos de logotipos requieren una decisión de marca intencional.
Esta referencia documenta la dirección aprobada. Los estándares de reutilización propuestos y las inconsistencias restantes de CSS/activos se enumeran en la guía completa; No es una certificación de accesibilidad.