Recursos de Marca y Sistema de Diseño

Pigee.
Guía de Marca

Todo lo que necesitas para representar a Pigee de forma coherente: logotipos, colores, tipografía, voz y normas de uso. Creado desde cero para el comercio de envíos a nivel mundial.

v2025 Tipografía Inter 5 Colores Principales 8 Variantes de Logotipo
Paloma mascota de Pigee
01, Logotipos

Logotipo variantes

Ocho archivos de logotipo que cubren todos los fondos y casos de uso. SVG para producción impresa y digital; PNG para aplicaciones que no admiten SVG.

Logotipo de Pigee para cabecera
Logotipo de Cabecera
Logotipo principal para barras de navegación y cabeceras claras/color crema.
Logotipo de Pigee para fondos claros
Fondo Claro
Usar sobre fondos blancos o muy pálidos.
Logotipo de Pigee para pie de página
Pie de Página / Fondo Oscuro
Logotipo invertido para fondos azul marino oscuro o antracita.
Logotipo de Pigee en rosa oscuro
Rosa / Color de Marca
Usar sobre secciones de fondo rosa Pigee (#FB5D88).
SVG
Logotipo de Pigee con subtítulo
Logotipo + Subtítulo
Lockup del eslogan «Envía más inteligente, vende en cualquier lugar». Usar en banners principales y materiales de marketing.
Logotipo de Pigee con fondo claro
Contenido, Claro
Logo con caja de fondo crema/blanco integrada, usar en lugares donde el fondo no se pueda controlar.
PNG
📐
Regla de espacio libre

Mantén siempre un espacio libre mínimo equivalente a la altura de la letra "P" en "Pigee" alrededor de todos los lados del logo. Nunca coloques el logo más cerca de esta distancia respecto a cualquier otro elemento, borde o tipografía.

02, Color

Marca paleta

Cinco colores principales de marca con roles cuidadosamente definidos. El azul marino transmite confianza y autoridad. El rosa aporta energía y acción. El crema ofrece calidez. El azul indica tecnología. El verde confirma el éxito.

Azul marino
HEX#0A1B3A
RGB10, 27, 58
HSL220° 71% 13%
CMYK83, 54, 0, 77
Primario · Texto · Fondo de CTA
Pigee Pink
HEX#FB5D88
RGB251, 93, 136
HSL342° 95% 67%
CMYK0, 63, 46, 2
Acento de marca · CTA · Eyebrows · Puntos
Crema
HEX#FBF7F0
RGB251, 247, 240
HSL36° 67% 96%
CMYK0, 2, 4, 2
Fondo de página · Relleno de sección
Pigee Blue
HEX#0077C8
RGB0, 119, 200
HSL207° 100% 39%
CMYK100, 41, 0, 22
Tecnología · Enlaces · Acciones secundarias
Verde Éxito
HEX#10B981
RGB16, 185, 129
HSL160° 84% 39%
CMYK91, 0, 30, 27
Estado · Confirmación · Puntos en vivo
Atenuado
HEX#63708A
RGB99, 112, 138
HSL220° 16% 46%
CMYK28, 19, 0, 46
Texto de cuerpo · Subtexto · Pies de foto
Accesibilidad y contraste
Azul marino sobre crema
Ratio: 18.1:1, AAA ✓
Blanco sobre azul marino
Ratio: 18.1:1, AAA ✓
Azul marino sobre rosa
Ratio: 3.9:1, AA grande ✓
Blanco sobre azul
Ratio: 6.4:1, AA ✓
03, Tipografía

Tipo sistema

Inter es la tipografía principal en todos los puntos de contacto digitales. Su rango de pesos variables (400–900) le da a Pigee tanto un texto de cuerpo accesible como titulares llamativos. La cursiva de Georgia está reservada para énfasis editorial en titulares grandes.

Primaria, Inter
Envía más inteligente.
Desde el mostrador de tu tienda hasta cualquier puerta del mundo. Pigee integra aduanas con IA, entrega multi-transportista y pagos en un solo flujo.
TipografíaInter
Pesos400 · 500 · 600 · 700 · 800 · 900
FuenteGoogle Fonts
Usa unaTodo el cuerpo de texto, la interfaz y los títulos
Display Cursiva, Georgia
más inteligente.
global.
Se usa exclusivamente para las palabras en cursiva palabras de énfasis dentro de los títulos grandes de display. Crea contraste con la geometría geométrica de Inter.
TipografíaGeorgia (sistema)
EstiloSolo cursiva
Grosor400 / 500
Usa unaDisplay em solo palabras
Escala tipográfica
Display
clamp(52px, 7vw, 82px)
grosor 900 · tracking −0.055em
Título 1
clamp(36px, 5vw, 60px)
grosor 900 · tracking −0.045em
Título 2
28px · grosor 800
tracking −0.03em
Título 3
20px · grosor 700
tracking −0.02em
Cuerpo grande, se usa para párrafos principales y subtítulos destacados. Interlineado generoso para facilitar la lectura.
17–18px · grosor 400
interlineado 1.6
Cuerpo regular, el tamaño de referencia para tarjetas, descripciones y contenido secundario en todo el sitio.
14–15px · grosor 400
interlineado 1.65
✦ Etiqueta superior
11px · grosor 800
tracking +0.14em · mayúsculas
Paloma de origami mascota de Pigee
04, Mascota

El paloma

Una paloma de origami que lleva un paquete, fiable, sorprendentemente lista y que siempre encuentra el camino a casa. La mascota aporta calidez y personalidad al marketing, al producto y a las redes sociales.

🕊️

Forma de origami

La estética geométrica de papel plegado hace referencia tanto a la precisión de ingeniería de la logística como a la filosofía japonesa del trabajo cuidadoso e intencionado.

📦

Siempre lleva algo

El paquete que sostiene la mascota es intencionado: transmite propósito, entrega y la promesa de que lo que envíes llegará sano y salvo.

Flota con suavidad

Usa la animación flotante (translateY + una ligera rotación) cuando la mascota aparezca en secciones oscuras. Mantenla estática sobre fondos de tarjetas claros.

🎨

Variantes de color

La mascota aparece en azul (por defecto, sobre fondo oscuro) y en rosa (en secciones rosa oscuro). Nunca la coloques sobre un fondo con el que no contraste.

05, Voz y tono

Cómo Pigee habla

La voz de Pigee es la misma en todos los puntos de contacto: directa, segura y con un toque de ingenio. Nunca somos condescendientes, nunca exageramos y siempre vamos al grano.

🗣️

Clara y directa

Pigee explica la logística compleja en un lenguaje sencillo. Sin jerga, sin sopa de siglas. Si un estudiante de secundaria no lo entiende, hay que reescribirlo.

Sencilla Accesible

Segura y enérgica

Pigee sabe lo que hace y lo dice con orgullo. Frases cortas. Verbos contundentes. Afirmaciones antes que preguntas. No dudamos, enviamos.

Atrevida Voz activa
😄

Cercana y humana

Atendemos a personas reales: dueños de tiendas, comisarios de galerías, viajeros. Les hablamos a ellos, no les soltamos discursos. El humor sutil es bienvenido. El sarcasmo no.

Cercana Empática
✓ Escribe así

«Envía el cuadro a Tokio. Pigee se encarga de aduanas, presupuestos y pago en un solo enlace.»

✗ Así no

«Aproveche nuestra solución logística multimodal integral para facilitar la habilitación fluida del comercio transfronterizo.»

06, Espaciado

Espaciado tokens

Una escala de espaciado en base 8. Todos los márgenes, rellenos y separaciones deben ajustarse a estos valores.

xs
4px
sm
8px
md
12px
base
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
sección
80–100px
Radio de borde
xs
6px
sm
10px
md
16px
lg
20px
xl
28px
píldora
999px
07, Reglas de uso

Hacer y no hacer

Directrices para proteger la coherencia de marca en todos los medios y equipos.

✓ Logotipo, Sí
  • Usa el archivo SVG siempre que sea posible para una renderización nítida a cualquier tamaño
  • Mantén el margen mínimo de espacio libre en todos los lados
  • Usa la variante correcta según el color de fondo sobre el que se sitúe
  • Escala de forma proporcional, nunca estires ni comprimas
  • Usa la variante de pie de página sobre fondos azul marino o antracita
✗ Logotipo, No
  • No recolorees, delinees ni añadas efectos al logotipo
  • No lo coloques sobre una foto recargada sin un fondo despejado
  • No rotes ni inclines el logotipo en ningún ángulo
  • No uses la composición con eslogan en tamaños inferiores a 200px de ancho
  • No uses el logotipo claro sobre fondos oscuros ni viceversa
✓ Color, Sí
  • Usa el azul marino como color dominante en cualquier diseño de tema oscuro
  • Usa el rosa exclusivamente para llamadas a la acción, destacados y etiquetas superiores
  • Usa el crema como fondo principal de página en temas claros
  • Combina texto azul marino sobre crema o blanco para una máxima legibilidad
  • Reserva el verde para indicadores de estado y confirmaciones
✗ Color, No
  • No introduzcas nuevos colores de marca sin aprobación
  • No uses el rosa como relleno de fondo grande (a lo ancho de una sección)
  • No uses el negro puro #000000, usa el azul marino en su lugar
  • No uses el tono apagado (#63708A) para texto de cuerpo extenso
  • No combines azul y rosa como acciones principales que compitan entre sí
Activos de marca

Descargar todo activos

Todos los archivos de logotipo están disponibles individualmente arriba. Para solicitar el kit de marca completo, incluidas plantillas de campaña, archivos de presentación y activos para redes sociales, contacta con el equipo de marketing de Pigee.

🚀 SEO por Pigee