Activos Oficiales de Marca

La BaseKit de Marca

Logos oficiales, sistemas de color, tipografía y lineamientos de uso para P4 Software, la plataforma empresarial en la nube detrás de 6 productos de misión crítica que sirven a las Américas.

Descargar Activos Ver Lineamientos

5 Productos

32 Países

500+ Clientes

Guía de Marca 2026

Identidad Corporativa

P4 Software

Plataforma Empresarial en la Nube · Grupo Barrdega

Nuestra Historia

Acerca de P4 Software

Entender la marca comienza por entender la empresa que la respalda.

P4 Software es una empresa de software empresarial en la nube y parte del Grupo Barrdega, que construye plataformas de misión crítica para empresas en las Américas. Nuestra suite de productos abarca gestión de almacenes (WMS), ERP, corretaje aduanero, gestión de activos y facturación electrónica, todo entregado desde una única arquitectura en la nube con enfoque API-first que opera en 32 países y sirve a más de 500 clientes.

La identidad de nuestra marca es deliberada. El azul profundo comunica confianza, estabilidad y fiabilidad empresarial: las cualidades que nuestros clientes exigen cuando sus operaciones dependen de nosotros. El naranja cálido señala energía, innovación y accesibilidad humana, reflejando nuestro compromiso con software que la gente realmente disfruta usar. Juntos, definen una empresa que es a la vez seria y accesible.

Confianza

Fiabilidad empresarial incorporada en cada píxel y cada promesa que hacemos.

Innovación

Nativo en la nube, impulsado por IA, construido para el futuro de las operaciones.

Precisión

Software poderoso que es limpio, claro y construido para cómo la gente realmente trabaja.

Activos de Marca

Colección de Logos

Utilice solo los archivos de logo aprobados. No recree, altere ni distorsione estos logos sin autorización.

Vista Previa

P4 Software — Oficial

Color completo, para fondos claros. Uso principal de marca.

SVG PNG WebP

P4 Software — Blanco

Blanco transparente, horizontal. Para fondos oscuros y azules.

PNG

P4 Software — Horizontal

Composición horizontal a color completo. Ideal para encabezados y firmas.

PNG

P4 Software — Cuadrado

Composición cuadrada compacta. Para íconos de app, avatares y espacios reducidos.

PNG WebP

P4 Software — B&N

Variante en blanco y negro. Para impresión, relieve o uso en un solo color.

SVG PNG

P4 Software — Cuadrado Blanco

Logo cuadrado blanco transparente. Para fondos oscuros, merchandising y materiales de marca.

PNG WebP

P4 Warehouse

Gestión de Almacén. Color completo, todos los tamaños.

SVG PNG WebP

P4 Customs

Gestión Aduanal. Color completo, todos los tamaños.

SVG PNG WebP

CifraHQ

ERP y Finanzas en la Nube. Color completo, bilingüe EN/ES.

SVG PNG WebP

CifraHQ Enterprise

Plataforma Financiera Empresarial. Variantes bilingüe EN/ES, todos los tamaños.

SVG PNG

FacturaHQ

Facturación Electrónica. Color completo, bilingüe.

SVG PNG WebP

ActivoHQ

Gestión de Activos Fijos. Color completo, todos los tamaños.

SVG PNG WebP

CifraHQ

Inteligencia de Negocio. Variantes bilingüe EN/ES, todos los tamaños.

SVG PNG WebP

CifraHQ Enterprise

Plataforma Financiera Empresarial. SVG y PNG, bilingüe.

SVGPNG

Ver Activos de Marca Ver Sitio

P4 Software — Favicon

Ícono de pestaña, ícono de app y acceso directo.

ICO PNG WebP

Sistema de Color

Nuestra Paleta

Una paleta precisa construida para credibilidad empresarial y energía visual. Haz clic en cualquier muestra para copiar el valor hexadecimal.

Azul Primario

#0A5FAD rgb(10, 95, 173) hsl(210, 89%, 36%)

Color principal de marca. Botones, enlaces, elementos interactivos, encabezados.

Naranja Acento

#FBAD48 rgb(251, 173, 72) hsl(36, 95%, 63%)

Color de acento y llamada a la acción. Resaltados, insignias, acciones clave.

Azul Navy

#084A8A rgb(8, 74, 138) hsl(212, 89%, 29%)

Variante oscura. Fondos de hero, superficies oscuras, estados hover.

Neutro

#64748B rgb(100, 116, 139) hsl(215, 16%, 47%)

Texto secundario, leyendas, bordes y elementos de UI de soporte.

Neutros

Gray 50

#F8FAFC rgb(248, 250, 252) hsl(210, 40%, 98%)

Gray 100

#F1F5F9 rgb(241, 245, 249) hsl(210, 40%, 96%)

Gray 300

#CBD5E1 rgb(203, 213, 225) hsl(213, 27%, 84%)

Gray 500

#64748B rgb(100, 116, 139) hsl(215, 16%, 47%)

Gray 700

#334155 rgb(51, 65, 85) hsl(215, 25%, 27%)

Gray 900

#0F172A rgb(15, 23, 42) hsl(222, 47%, 11%)

Semánticos

Éxito

#16A34A rgb(22, 163, 74) hsl(142, 76%, 36%)

Estados de éxito, confirmaciones, retroalimentación positiva.

Error

#DC2626 rgb(220, 38, 38) hsl(0, 72%, 51%)

Estados de error, acciones destructivas, alertas.

Mezclas de Color

Degradados

Seis degradados CSS con nombre utilizados en toda la identidad de P4 Software. Haz clic en cualquier tarjeta para copiar el valor CSS.

Océano Profundo

Fondos hero, superficies oscuras, degradados primarios.

140deg · #011c3a → #042d6b → #0A5FAD

Amanecer

Resaltados de texto animado, banners de acento, acentos CTA.

95deg · #FBAD48 → #ffd07a → #FBAD48

Gradiente Primario

Banners CTA, fondos de sección completos, tarjetas.

135deg · #042d6b → #0A5FAD → #3B82C4

Confianza

Fondo de ícono del pilar Confianza. Elemento de marca azul profundo.

135deg · #0A5FAD → #084A8A

Innovación

Fondo de ícono del pilar Innovación. Energía naranja cálido.

135deg · #FBAD48 → #E8952F

Precisión

Fondo de ícono del pilar Precisión. Acento teal de precisión.

135deg · #0891B2 → #0670a0

Sistema Tipográfico

Tipografía

Las fuentes del sistema garantizan una carga rápida en todas las plataformas mientras mantienen una apariencia limpia y profesional.

Escribe aquí para previsualizar…

4xl El veloz zorro marrón clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem) ~56px

3xl El veloz zorro marrón clamp(1.875rem, 1.5rem + 1.875vw, 2.625rem) ~42px

2xl El veloz zorro marrón salta clamp(1.5rem, 1.25rem + 1.25vw, 2rem) ~32px

xl El veloz zorro marrón salta sobre clamp(1.25rem, 1.125rem + 0.625vw, 1.5rem) ~24px

lg El veloz zorro marrón salta sobre el perro perezoso. clamp(1.125rem, 1.0625rem + 0.3125vw, 1.25rem) ~20px

base El veloz zorro marrón salta sobre el perro perezoso. 1rem 16px

sm El veloz zorro marrón salta sobre el perro perezoso. 0.875rem 14px

xs El veloz zorro marrón salta sobre el perro perezoso. 0.75rem 12px

El veloz murciélago hindú comía feliz cardillo y kiwi.

Segoe UI / System UI

Tipografía principal: encabezados, etiquetas UI, navegación y cuerpo de texto. Hereda la fuente nativa del sistema para una representación óptima.

Aa 300

Aa 400

Aa 500

Aa 600

Aa 700

Aa 800

Software empresarial en la nube construido para las Américas.

Estilo de Titular

Para titulares hero: peso 300 para la línea descriptiva, peso 800 para el nombre del producto. Espaciado de letras -0.03em en tamaños de visualización.

H1 Hero

H2 Sección

H3 Tarjeta

p Cuerpo

AB Etiqueta

{ }

--color-primary: #0A5FAD;
--space-md: 1rem;
--radius-md: 8px;

Monoespaciada / Sistema Mono

Usado para fragmentos de código, valores de tokens y visualizaciones del portapapeles. Hereda la fuente monoespaciada del sistema del usuario.

ui-monospace, 'Cascadia Code', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', monospace

Lenguaje Visual

Iconografía

Un set de íconos de 24px basados en trazos, peso 2, con uniones redondeadas. Todos los íconos heredan currentColor para facilitar el theming.

Escudo

Rayo

Añadir

Verificar

Cerrar

Descargar

Copiar

Ver

Buscar

Flecha

Archivo

Rejilla

Paleta

Tipo

Ubicación

Globo

Usuarios

Paquete

Camión

Código

Capas

Ajustes

Info

Chevron

24 íconos · stroke-width 2 · licencia MIT · formato SVG

Descargar Set de Íconos (ZIP)

Ritmo

Espaciado y Rejilla

Una unidad base de 4 píxeles dirige cada margen, relleno y espacio. El layout se ajusta a una rejilla de 12 columnas con un ancho máximo de 1200px.

xs 0.25rem / 4px

sm 0.5rem / 8px

md 1rem / 16px

lg 1.5rem / 24px

xl 2rem / 32px

2xl 3rem / 48px

3xl 4rem / 64px

4xl 6rem / 96px

5xl 8rem / 128px

Estándares de Marca

Lineamientos de Uso

Sigue estos lineamientos para garantizar una presentación de marca consistente y profesional en todos los puntos de contacto.

Correcto

Use solo los archivos de logo aprobados

Siempre descargue los logos desde esta página. Nunca recree ni componga manualmente el nombre de P4 Software.

Incorrecto

No estire ni distorsione el logo

Siempre mantenga la proporción original. El escalado debe ser proporcional; nunca estire el ancho o la altura de forma independiente.

Correcto

Mantenga espacio libre alrededor del logo

Siempre rodee el logo con un espacio libre igual a la altura del símbolo "P4" para garantizar claridad visual.

Incorrecto

No coloque el logo sobre fondos complejos

Evite colocar cualquier variante del logo sobre fondos de bajo contraste, muy estampados o fotográficos donde la legibilidad se vea comprometida.

Correcto

Use la variante de color correcta según el contexto

Use el logo a color completo en fondos blancos o claros, la versión blanca en fondos oscuros o azules, y el B&N para aplicaciones impresas.

Incorrecto

No recoloree ni aplique efectos al logo

Nunca cambie los colores del logo, aplique degradados, sombras, contornos ni ningún tratamiento visual que no forme parte de las variantes aprobadas.

Correcto

Use el azul navy para elementos estructurales, naranja para CTAs

Use el azul primario (#0A5FAD) para anclaje de navegación y elementos estructurales. Reserve el naranja (#FBAD48) para botones de llamada a la acción primarios.

Incorrecto

No use naranja en rellenos de fondo grandes

El naranja de acento es visualmente exigente. Restrinja su uso a botones, íconos y resaltados. Paneles naranjas grandes generan fatiga visual y diluyen su valor de señal.

Correcto

Mantenga contraste WCAG AA (4.5:1) para texto de cuerpo

Todo el texto de cuerpo debe cumplir una relación de contraste mínima de 4.5:1. Use azul oscuro (#042d6b) sobre fondos blancos y blanco sobre fondos azul navy u oscuros.

Incorrecto

No coloque texto naranja sobre fondos azules

El naranja (#FBAD48) sobre azul primario (#0A5FAD) no cumple los requisitos de contraste WCAG AA. Use texto blanco sobre azul y azul oscuro sobre superficies con tono naranja.

Activos de Marca

Descargas

Archivos oficiales de marca listos para descargar. Use estos activos en cualquier comunicación de P4 Software.

Pack de Logos — SVG

7 archivos · Vectorial · Escalable · Todas las variantes

SVG ZIP

Descargar

Pack de Logos — PNG

17 archivos · Cuadrado, horizontal y escala de tamaños

PNG ZIP

Descargar

Guías de Marca

Reglas completas de uso de marca y especificaciones

PDF

Descargar

Set de Íconos — SVG

24 íconos · peso de trazo 2 · licencia MIT

SVG ZIP

Descargar

Suite de Productos

Familia de Productos

Seis productos empresariales en la familia P4 Software. Cada uno tiene su propia identidad visual con activos estandarizados en SVG, PNG y WebP en todos los tamaños canónicos.

P4 Warehouse

Sistema de Gestión de Almacén. SVG, PNG y WebP en todos los tamaños.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

P4 Customs

Gestión Aduanal. SVG, PNG y WebP en todos los tamaños.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

CifraHQ

ERP y Finanzas en la Nube. SVG, PNG y WebP en todos los tamaños.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

FacturaHQ

Facturación Electrónica. SVG y PNG, bilingüe.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

ActivoHQ

Gestión de Activos Fijos. SVG, PNG y WebP en todos los tamaños.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

CifraHQ

Inteligencia de Negocio. Activos bilingüe EN/ES en todos los tamaños.

SVGPNGWebP

Ver Activos de Marca Ver Sitio

Red de Socios

Ecosistema

P4 Software opera dentro del ecosistema Grupo Barrdega, respaldado por una red internacional de socios certificados y alianzas tecnológicas.

Grupo Corporativo

Socios Certificados

Alianzas Tecnológicas

Ícono de App

Favicon e Ícono de App

El favicon e ícono de app de P4 Software, disponible en formatos ICO, PNG y WebP para cada contexto, desde pestañas del navegador hasta pantallas de inicio de iOS.

P4 Software

16px

32px

64px

128px

256px

favicon.ico favicon.png favicon.webp

¿Preguntas Sobre Nuestra Marca?

Nuestro equipo está disponible para orientación de marca, solicitudes de activos personalizados y materiales para socios.

Contactar al Equipo

La BaseKit de Marca

Acerca de P4 Software

Colección de Logos

Nuestra Paleta

Degradados

Tipografía

Iconografía

Espaciado y Rejilla

Lineamientos de Uso

Descargas

Familia de Productos

Ecosistema

Plantillas para Redes Sociales

Favicon e Ícono de App

¿Preguntas Sobre Nuestra Marca?