Tramaflow← Volver al sitio
Manual de marca · v1.0 · 2026

Tramaflow

Todo tu equipo, en el mismo hilo. Esta guía reúne los elementos esenciales de nuestra identidad para mantenerla coherente en cualquier pieza.

01Esencia

Tramaflow surgió en 2021 cuando un equipo de consultores en Lima se cansó de perseguir avances entre hojas de cálculo, chats y correos. Construimos la herramienta que nos faltaba: una «trama» donde cada tarea, documento y conversación queda conectada. Hoy más de 4 000 equipos en Latinoamérica planifican, priorizan y entregan con Tramaflow.

Misión

Que ningún equipo vuelva a preguntar «¿en qué quedamos?».

Valores

  • ClaridadInformación a la vista, sin capas innecesarias.
  • FocoMenos reuniones, más trabajo profundo.
  • ConfianzaSeguridad y privacidad de nivel empresarial.
  • RitmoLanzamos mejoras cada semana escuchando a los usuarios.

03Zona de protección y tamaños mínimos

xxxxZona de protección del logotipo

Zona de protección: Espacio libre mínimo igual a la altura de una de las barras del isotipo en los cuatro lados.

Tamaños mínimos: Horizontal: 96 px de ancho / 25 mm. Isotipo (app icon): 16 px / 6 mm.

04Paleta de color

Haz clic en un color para copiar su HEX.

05Tipografía

Aa Bb Ññ 0123

Plus Jakarta Sans

Titulares, UI y logotipo · Pesos 400 · 600 · 800 · Licencia SIL Open Font License (OFL)

Ver en Google Fonts ↗

Aa Bb Ññ 0123

JetBrains Mono

Datos, código, etiquetas · Pesos 500 · Licencia SIL Open Font License (OFL)

Ver en Google Fonts ↗

Ambas familias están disponibles gratis en Google Fonts bajo licencia SIL Open Font License 1.1, que permite su uso comercial.

06Iconografía

Iconos lineales de 1.5 px en retícula de 24 px (estilo «outline»), esquinas redondeadas. En la interfaz, los iconos van en contenedores cuadrados redondeados con fondo índigo al 10 %.

07Estilo fotográfico

Preferimos capturas reales del producto y personas trabajando en entornos luminosos y naturales. Nada de fotos posadas de «choque de manos». Los mockups se presentan sobre fondos de Niebla con sombras suaves.

08Tono de voz

Claro, útil y optimista. Explicamos beneficios con ejemplos cotidianos de equipo. Evitamos tecnicismos salvo cuando aportan confianza (seguridad, integraciones).

✓ Así sí

  • Ir al beneficio en la primera frase.
  • Usar números verificables (ahorro de horas, equipos activos).
  • Microcopys amables en la interfaz: «¡Listo! Tu tablero está creado».

«Planifica el sprint en 10 minutos, no en 2 horas.»

✕ Así no

  • Culpar al usuario en mensajes de error.
  • Prometer «revolucionar» nada.
  • Anglicismos innecesarios cuando existe palabra en español.

«Plataforma disruptiva de workflow management next-gen.»

09Usos incorrectos

✕ Usar el wordmark sin el isotipo en tamaños menores a 96 px.
✕ Cambiar el índigo por otro azul.
✕ Aplicar el logotipo sobre fotografías sin contraste suficiente.
✕ Animar las barras del isotipo de forma independiente fuera de la guía de motion.
✕ Escribir «TramaFlow» o «Trama Flow»: siempre «Tramaflow».

10Descargas