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. Úsalo 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.
Resumen de Uso
Momo Trust Display
- Solo para títulos grandes (Display headings)
- Tamaños grandes: 5xl, 6xl, 7xl
- Uso exclusivo en hero sections y títulos principales
- Peso único: 400 (normal)
DM Sans
- Fuente principal para todo el contenido
- Títulos secundarios, párrafos, botones, etiquetas
- Disponible en todos los pesos (100-900)
- Fuente por defecto de la aplicación
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.
Guía de Uso de Mockups
Mejores Prácticas
- Usa los mockups para presentaciones y propuestas
- Mantén la consistencia de colores y tipografía
- Respeta las proporciones y espacios en blanco
- Usa los logos apropiados según el fondo
Formatos Disponibles
- PSD (Photoshop) - Editable
- Figma - Componentes reutilizables
- PNG - Alta resolución
- SVG - Vectorial para web
Contenido de Redes Sociales
Guía para crear contenido consistente y profesional en todas las plataformas de redes sociales.
Facebook Post
Relación: 1:1
Tamaño: 1080x1080px
Formato cuadrado estándar para publicaciones.
Instagram Post
Relación: 4:5
Tamaño: 1080x1350px
Formato vertical para publicaciones.
Stories/Reels
Relación: 9:16
Tamaño: 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.