Manual de Marca 2026

Nuestra Marca, Tu Lienzo

Cada pixel de cifraHQ es intencional. Esta es la guia definitiva de nuestra identidad: usala para comunicar con precision, confianza y consistencia.

18+ Variantes de logo
3 Familias de color
EN/ES Recursos bilingues
cifrahq.com
cifraHQ ERP Dashboard - Revenue, Orders, and Financial Overview
Nuestra Historia

Sobre cifraHQ

cifraHQ es un ERP en la nube creado para empresas modernas: contabilidad financiera, ventas, inventario, compras, manufactura y punto de venta, unificados en un unico cuartel general financiero. Producto de P4 Software (hecho en Panama), cifraHQ ofrece a empresas pequenas, medianas y multi-empresa visibilidad en tiempo real de cada operacion, desde un solo tablero.

Nuestra identidad se sostiene en tres ideas: precision, confianza y claridad. El azul profundo nos ancla en la tradicion del software financiero empresarial; el naranja calido transmite energia y accesibilidad; el wordmark en minusculas dice que somos cercanos, no intimidantes. Cada recurso de esta pagina esta disenado para comunicar una sola promesa: tus numeros, en orden.

Sistema de Identidad

Coleccion de Logos

Los logos de cifraHQ estan disponibles en SVG (vectorial, mejor calidad), PNG (raster) y WebP (optimizado para web). Elige la variante que mejor se adapte a tu fondo y contexto.

Fondo
ES flag Español
Sistema de Diseno

Paleta de Colores

Haz clic en cualquier muestra para copiar su valor. Alterna entre formatos HEX, RGB y HSL. Nuestras tres familias de color trabajan juntas para crear una identidad profesional y confiable.

Formato
Cifra Blue - Primario
Blue-500 (Primario) #083D7F
Cifra Orange - Acento
Orange-500 (Acento) #E8963F
Cifra Grey - Neutro
Grey-500 (Neutro) #939598

Gradientes de Marca

Gradiente Hero
linear-gradient(135deg, #FAF7F2 0%, #F2EDE2 100%)
Gradiente de Acento
linear-gradient(135deg, #E8963F 0%, #D88920 100%)
Espectro de Marca
linear-gradient(135deg, #FAF7F2 0%, #F2EDE2 100%)
Navy Profundo
linear-gradient(135deg, #FAF7F2 0%, #F2EDE2 100%)
Lavado Sutil
linear-gradient(135deg, rgba(8,61,127,.08), rgba(232,150,63,.08))
Gradiente de Texto Animado
linear-gradient(135deg, #FAF7F2 0%, #F2EDE2 100%)
Modo Oscuro Primario
#4A9FE5
Modo Oscuro Acento
#FCCA7F
Sistema Tipografico

Tipografia

cifraHQ usa Segoe UI como fuente del sistema con respaldos optimizados. El resultado es texto nitido y legible en cualquier plataforma.

El veloz murcielago hindu.
Haz clic para escribir tu propio texto
'Segoe UI', -apple-system, BlinkMacSystemFont, 'Inter', 'Roboto', 'Helvetica Neue', Arial, sans-serif

Escala de Pesos

Aa
Light
font-weight: 300
Aa
Regular
font-weight: 400
Aa
Medium
font-weight: 500
Aa
Semi-Bold
font-weight: 600
Aa
Bold
font-weight: 700
Aa
Extra-Bold
font-weight: 800

Escala Tipografica

xs
0.75rem / 12px
Texto de leyenda, notas legales
sm
0.875rem / 14px
Etiquetas secundarias, metadatos
base
1rem / 16px
Texto de cuerpo, texto por defecto
lg
1.125rem / 18px
Parrafos lider, introducciones de seccion
xl
1.25rem / 20px
Subtitulos, titulos de tarjeta
2xl
1.5rem / 24px
Encabezados de seccion
3xl
1.875rem / 30px
Encabezados de pagina
4xl
2.25rem / 36px
Titulos hero
5xl+
3rem+ / 48px+
Display
Lenguaje Visual

Iconografia

cifraHQ usa Font Awesome para todos los iconos. Usamos el estilo solid por defecto. Mantenemos tamanos consistentes y siempre acompanamos los iconos con etiquetas de texto para accesibilidad.

Tamanos de Icono

Extra pequeno 12px
Pequeno 16px
Base 20px
Mediano 24px
Grande 32px
XL 48px
Destacado 64px
Hero 80px

Iconos Comunes

chart-bar
invoice
inventory
users
globe
security
cloud
industry
Sistema de Maquetacion

Espaciado y Grid

El espaciado consistente crea ritmo visual. Usamos una unidad base de 4px multiplicada por potencias de 2. Las secciones respiran a 80-120px. Los componentes usan 16-32px de padding interno.

1
4px
2
8px
3
12px
4
16px
5
20px
6
24px
8
32px
10
40px
12
48px
16
64px
20
80px
24
96px
30
120px
Sistema de Grid
Bootstrap 5 - 12 columnas, gutter 1.5rem, max-width 1320px
Estandares de Marca

Reglas y Restricciones

Estas guias protegen la integridad de la marca cifraHQ. La aplicacion consistente construye reconocimiento y confianza.

Uso del Logo

Si Hacer
Usa la version SVG siempre que sea posible para nitidez en cualquier escala
Mantener un area de respeto minima igual a la altura de la "C" del wordmark en todos los lados
Usa la variante oscura sobre cualquier fondo con luminancia menor al 50%
Usa el PNG transparente al colocar sobre fotografia o fondos con textura
Coincide el idioma del logo con el idioma del documento (EN para ingles, ES para espanol)
No Hacer
No estires, sesgues ni distorsiones las proporciones del logo
No recolores el logo: usa solo las variantes oficiales provistas
No agregues sombras, contornos ni efectos visuales al logo
No coloques el logo estandar (no oscuro) sobre fondos de color u oscuros
No recrees el logo en otra tipografia ni lo dibujes a mano

Uso del Color

Si Hacer
Usa Blue-500 (#083D7F) como color UI primario para botones, enlaces e interacciones clave
Usa Orange-500 (#E8963F) con moderacion como acento: CTAs, destacados, alertas
Asegura un contraste minimo 4.5:1 para todo el texto de cuerpo
Usa Grey-50 a Grey-200 para fondos de pagina y tarjetas
No Hacer
No uses texto naranja sobre fondos blancos: falla el contraste WCAG AA
No uses Blue y Orange como colores dominantes simultaneamente
No introduzcas colores fuera de las tres familias oficiales de la marca
No uses grises claros (Grey-50/100) para texto: reservalos para fondos
Paquete de Marca

Todo Lo Que Necesitas

Descarga el paquete completo de marca cifraHQ: todos los logos en SVG y PNG, set bilingue completo EN/ES, variantes oscura y transparente incluidas.

Paquete de Logos SVG

© 2026 P4 Software / cifraHQ. Recursos provistos para uso autorizado solamente. Contacta sales@p4.software para preguntas de licencia.