Identidad de Marca
Guía completa de diseño para mantener una identidad visual consistente y profesional en todas las aplicaciones de Traky.
Logos
Nuestros logos son el elemento visual más importante de nuestra marca. Úsalos con cuidado y respeto.
Logo Verde
Versión principal del logo. Usa sobre fondos oscuros.
Logo Azul
Variante azul del logo. Ideal para fondos claros.
Logo Blanco
Versión monocromática. Perfecta para fondos oscuros.
Colores
Nuestra paleta de colores refleja nuestra identidad y debe usarse de manera consistente en todos los materiales.
Colores principales
Verde Primary
#a5dd64
Color verde principal de la marca
Uso: Elementos principales, botones, acentos principales
Verde Accent
#8ed84c
Color verde de acentuación
Uso: Acentos, estados hover, elementos destacados
Azul Oscuro
#000b27
Fondo oscuro principal
Uso: Fondos oscuros, tarjetas oscuras, modo dark
Blanco
#ffffff
Color blanco
Uso: Fondos claros, texto sobre fondos oscuros, modo claro
Colores de acentuación especial
Estos colores se utilizan únicamente en casos especiales y deben usarse con moderación para mantener la coherencia visual.
Cian
#00b8d1
Color de acentuación especial
Uso: Casos especiales, elementos informativos
Morado
#734cdf
Color de acentuación especial
Uso: Casos especiales, elementos destacados
Rojo
#e54545
Color de acentuación especial
Uso: Casos especiales, alertas, errores
Tipografía
La tipografía es fundamental para comunicar nuestro mensaje de manera clara y profesional.
Momo Trust Display
Fuente exclusiva para títulos grandes. Se usa únicamente en headings principales y elementos destacados de gran tamaño.
Título grande (display)
Traky Design System
Título principal
Identidad Visual
Uso: solo para títulos grandes y elementos de display. No usar para texto de cuerpo, botones o elementos pequeños.
DM Sans
Fuente principal para todo el contenido. Se usa para texto de cuerpo, títulos secundarios, botones, etiquetas y cualquier otro elemento de la interfaz.
Heading 1
Traky Design System
Heading 2
Identidad Visual
Heading 3
Guía de Uso
Heading 4
Subtítulo
Body text (regular)
Este es el texto de cuerpo estándar. Se usa para párrafos, descripciones y contenido general. Debe ser legible y claro en todos los tamaños.
Body text (small)
Texto pequeño para notas, etiquetas y información secundaria.
Button text
Uso: fuente por defecto para todo el contenido. Disponible en pesos desde 100 hasta 900.
Iconos
Nuestros iconos mantienen un estilo consistente y reconocible en toda la aplicación.
Icono Verde
Versión principal del icono. Usa sobre fondos oscuros.
Icono Azul
Variante azul del icono. Ideal para fondos claros.
Icono Blanco
Versión monocromática del icono. Perfecta para fondos oscuros.
Mockups
Ejemplos visuales de cómo aplicar nuestra identidad de marca en diferentes dispositivos y contextos.
Vista Desktop
Desktop
Mockup para aplicaciones web y escritorio.
Vista Tablet
Tablet
Mockup para dispositivos tablet.
Vista Mobile
Mobile
Mockup para aplicaciones móviles.
Tarjeta de Presentación
Tarjeta de presentación
Mockup para tarjetas de presentación corporativas.
Plantilla de Email
Email template
Mockup para plantillas de correo electrónico.
Documento Corporativo
Documento
Mockup para documentos y presentaciones.
Contenido de redes sociales
Guía para crear contenido consistente y profesional en todas las plataformas de redes sociales.
Facebook Post
1:1 · 1080x1080px. Formato cuadrado estándar para publicaciones.
Instagram Post
4:5 · 1080x1350px. Formato vertical para publicaciones.
Stories / Reels
9:16 · 1080x1920px. Formato vertical para historias y reels.
Plantillas de ejemplo
Plantilla para post
Plantilla para story
Hashtags y menciones
Hashtags principales
Menciones
Usa siempre @traky para mencionar la marca oficial.
Incluye menciones relevantes a partners y colaboradores cuando sea apropiado.