trafico.live

Media Kit

Assets oficiales, guía de marca y recursos descargables para prensa, partners y desarrolladores.

Descargas

Icon — Heatmap Grid

Primary icon, transparent background

icon-heatmap.svg

Icon — Dark mode

Elevated colors for dark backgrounds

icon-heatmap-dark.svg

App Icon

Heatmap grid on blue rounded rectangle

app-icon.svg

Icon on Blue

White grid on brand blue background

icon-on-blue.svg

CSS Tokens

Complete design token system

tokens.css

Brand Guide

Interactive visual brand guide

brand-guide.html

Logotipo

trafico.live
trafico.live
trafico.live
trafico.live

Reglas de uso

  • • El icono es un grid 3x3 con flujo de calor diagonal (arriba-izquierda frío → abajo-derecha caliente)
  • • Nunca cambiar las opacidades ni la dirección del gradiente
  • • “trafico” siempre en minúscula, peso 800
  • • “.live” siempre en azul brand, peso 600
  • • El punto “.” entre trafico y live usa peso 800
  • • Espacio libre mínimo: 1 celda de grid en todos los lados
  • • Usar tl-600 (#1b4bd5) para light, tl-400 (#6393ff) para dark

Colores

Signal Blue — Primary

50
100
200
300
400
500
600Primary
700
800
900
950

Signal Amber — Accent

50
100
200
300
400
500Accent
600
700

Signal Colors (Semantic)

#dc2626Incidents, danger
#d97706Warnings, works
#059669Flowing, success

Tipografía

Headings & Wordmark
Exo 2 — 800

Weights: 500, 600, 700, 800

Body
DM Sans — Regular

Weights: 400, 500, 600

Data
1.284 € · 40.4168°N

JetBrains Mono — 400, 500 — tabular-nums

Referencia rápida

Nombretrafico.live (siempre minúscula)
TaglineInteligencia de tráfico en tiempo real
IconHeatmap Grid 3x3 (diagonal heat flow)
Primary color#1b4bd5
Accent color#b56200
Heading fontExo 2
Body fontDM Sans
Data fontJetBrains Mono

Códigos para incrustar

Icono SVG (HTML)

<img src="https://media.trafico.live/assets/icon-heatmap.svg" alt="trafico.live" width="64" height="64" />

App Icon (HTML)

<img src="https://media.trafico.live/assets/app-icon.svg" alt="trafico.live" width="64" height="64" />

CSS Tokens (importar)

<link rel="stylesheet" href="https://media.trafico.live/tokens.css" />

CDN base URL

https://media.trafico.live

¿Necesitas otros formatos o tienes dudas sobre el uso de la marca?

Contacta con nosotros en [email protected]