BCPOS Brand
REPOSITORIO DE MARCA/ PÚBLICO · BCPOS
Recursos de marca para el equipo de BCPOS.
Logos oficiales, paleta de color, tipografía, voz y guías de uso. Todo lo que necesitas para mantener la marca consistente, en cualquier formato y sobre cualquier superficie.
13Variantes de logo
4Formas
2Colores primarios
6Combinaciones aprobadas
Logos
El logo principal es horizontal y combina BCPOS con el tagline Point of Success. Usa siempre los archivos oficiales — nunca los recrees ni los edites.
Lockup horizontal
El wordmark completo de BCPOS con el tagline Point of Success en línea a la derecha, separado por un divisor en grafito. Úsalo en superficies anchas y de poca altura — encabezados de sitio, firmas de correo, pies de presentación, banners de socios.
ASPECT7.05 : 13052 × 433 native
MIN WIDTH240 pxbelow this the tagline becomes unreadable
USE WHENwide & shortheader bars, email signatures, banners
Set completo entregado. Sobre BCPOS Red e Ink usa el inverso en blanco; en el resto usa color (preferido) o negro (impresión a una tinta).
Color
Dos colores primarios y una escala neutra de apoyo. El rojo se usa con mesura, como acento de marca. El grafito carga el peso de la jerarquía visual.
PRIMARIOBCPOS Red
- HEX
- #CE212A
- RGB
- 206 · 33 · 42
- CMYK
- 0 · 84 · 80 · 19
- OKLCH
- 0.523 0.187 28.4
- Pantone
- 186 C
PRIMARIOBCPOS Graphite
- HEX
- #444445
- RGB
- 68 · 68 · 69
- CMYK
- 1 · 1 · 0 · 73
- OKLCH
- 0.378 0.001 286
- Pantone
- Black 7 C
ESCALA NEUTRA
White
#FFFFFFMist
#F6F6F7Cloud
#E5E5E7Steel
#B8B8BBSlate
#6E6E72Graphite
#444445Ink
#1A1A1CBlack
#000000COMBINACIONES APROBADAS · WCAG 2.1 AA
| Muestra | Combinación | Ratio | Usar para |
|---|---|---|---|
| Aa | Graphite on White | 9.71 : 1 | AA NormalAny text size, body included |
| Aa | Red on White | 5.42 : 1 | AA NormalAccent, emphasis, icons, links — legible at any size |
| Aa | White on Ink | 17.49 : 1 | AA NormalAny text size |
| Aa | Red on Ink | 3.21 : 1 | AA Solo Texto GrandeDisplay emphasis on dark — never small body text |
| Aa | White on Red | 5.42 : 1 | AA NormalAny text size on red surfaces |
| Aa | White on Graphite | 9.71 : 1 | AA NormalAny text size |
Texto grande = ≥24px regular o ≥18.66px bold. Cualquier cosa más pequeña necesita al menos 4.5:1.
Tipografía
Poppins para titulares y display, Inter para cuerpo, UI y todo lo demás. JetBrains Mono queda reservada para datos técnicos, código y etiquetas kicker.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
- Family
- Poppins
- Uso
- Headlines · Display
- Pesos
- 400 · 500 · 600 · 700
- Origen
- Self-hosted · woff2
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
abcdefghijklmnopqrstuvwxyz
0123456789 · ¡!¿?@&%/+=
- Family
- Inter
- Uso
- Body · UI · Paragraphs
- Pesos
- 400 · 500 · 600 · 700
- Origen
- Self-hosted · woff2
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 · <>{}[]()*=→
abcdefghijklmnopqrstuvwxyz
0123456789 · <>{}[]()*=→
- Family
- JetBrains Mono
- Uso
- Code · Data · Labels
- Pesos
- 400 · 500 · 600
- Origen
- Self-hosted · woff2
JERARQUÍA
H1 · POPPINS · 64/72 · 600
Point of Success.
H2 · POPPINS · 40/48 · 600
Sell better, every single day.
H3 · POPPINS · 24/32 · 500
Section subtitle
BODY · INTER · 16/26 · 400
Standard paragraph text. Use this size for all long-form content. Enough contrast, enough air.
MONO · 13/20 · 500
v2.0.0 · build 4821 · 2026-05-26
Iconografía
El símbolo es el elemento gráfico más concentrado de la marca — funciona solo en avatares, favicons y espacios cuadrados.
TAMAÑOS DE USO
24px · favicon48px · avatar96px · header160px · heroUso correcto
Reglas estrictas. Ante la duda, usa el logo horizontal a color sobre fondo blanco.
SÍ
Usa el logo a color sobre fondos planos y claros.
SÍ
El logo a color también funciona sobre fondos oscuros sólidos.
SÍ
Sobre el rojo de marca, usa la versión monocroma en blanco.
NO
No deformes, estires ni aplastes el logo. Mantén siempre sus proporciones.
NO
No rotes, inclines ni pongas el logo en perspectiva.
NO
No coloques el logo sobre fondos de bajo contraste o visualmente cargados.
NO
No agregues sombras, brillos, contornos ni efectos al logo.
NO
No cambies los colores de la marca. Usa únicamente las variantes oficiales.
NO
No bajes la opacidad del logo ni lo uses como marca de agua decorativa.
Espacio libre y tamaño mínimo
El logo necesita aire para respirar. La unidad de espacio libre X equivale a la altura del símbolo.
XXXX
Espacio libre
Mantén al menos 1X de margen en cada lado del logo. X = la altura del símbolo.
120 px · DIGITAL MIN24 px · SYMBOL MIN30 mm · PRINT MINTamaño mínimo
Por debajo de estos tamaños la legibilidad del logo se rompe y el símbolo pierde detalle.
Voz y tono
Cómo escribe BCPOS. Cuatro atributos sostienen toda superficie — la perilla de formalidad cambia según el contexto.
Claro
Frases cortas. Palabras reales. Si una frase tiene dos ideas, divídela. El lector está ocupado.
Directo
Voz activa. Empieza por el verbo. Di lo que quieres decir — sin rodeos corporativos.
Técnico
Somos una empresa de software. Sé preciso: nombra el campo, la pantalla, el atajo. No lo simplifiques de más.
Cercano
Respeta al lector. Sin condescendencia cuando algo sale mal. Sin signos de exclamación cuando no hay nada que celebrar.
Tono por superficie
| Superficie | Tono | Ejemplo |
|---|---|---|
| Product UI | Functional, neutral. Past tense for confirmations. | “Invoice #4821 saved.” |
| Errors & empty states | Plain. Say what happened, then what to do. | “No printer found. Check the cable, then retry.” |
| Marketing | Confident, concrete benefit. No superlatives. | “Close the till in 90 seconds, every night.” |
| Docs | Instructional. Imperative verbs, numbered steps. | “1. Open Settings. 2. Click Printers.” |
| Social | Casual but never lazy. One idea per post. | “Z-report at midnight. Done.” |
Ejemplos
“Connect the printer cable and click Retry.”
“Oops! It looks like something might have gone wrong with the printer connection. Please try again!”
“Z-report ready. Download PDF.”
“Your Z-report has been successfully generated and is now available for you to download.”
“Sell better, every single day.”
“Empowering retail excellence through next-generation point-of-sale solutions.”
Palabras
USAR
- open / close / save
- till, ticket, receipt
- retry, undo
- BCPOS (always one word)
- Point of Success
EVITAR
- leverage, utilize, synergize
- solution (use the actual feature name)
- Oops! / Whoops! / Uh-oh
- BC POS, B.C.P.O.S., bcpos.
- "next-generation", "world-class"
Accesibilidad
BCPOS se compromete con WCAG 2.1 AA en toda superficie de marca — producto, marketing, documentación y este mismo repositorio.
Foco visible, siempre
Cada elemento interactivo muestra un anillo de 2px en BCPOS Red con 2px de offset al recibir foco de teclado. Nunca uses outline:none sin un reemplazo.
Tab into these →Link
Piso de 14px para cuerpo
El texto de cuerpo nunca baja de 14px. Etiquetas mono y timestamps pueden ir hasta 11px siempre que su par supere 4.5:1.
Respeta el movimiento reducido
Honra prefers-reduced-motion: limita todas las transiciones a 0.01ms y cambia el smooth scroll a instantáneo.
HTML semántico primero
main envuelve el contenido. em es énfasis, no un gancho de color. Roles ARIA solo cuando estén implementados correctamente.
Qué sí y qué no
- DO
Usa Graphite o Ink para el cuerpo de texto. Reserva Red para énfasis, CTAs, anillos de foco e iconos.
- DON'T
No pongas párrafos de cuerpo en Red sobre White a tamaño normal, y nunca uses Red sobre Ink por debajo de 24px.
- DO
Dale a cada imagen que cargue información un alt que describa esa información.
- DON'T
No uses Cloud ni Steel para texto. Son tonos de superficie, no tonos de texto.
- DO
Prueba cada componente nuevo con el teclado antes de lanzarlo. Tab, Shift+Tab, Enter, Space, Esc.
- DON'T
No cablees role=tab/tablist ni ningún patrón ARIA salvo que implementes el contrato de teclado completo.
Acerca de BCPOS
La historia detrás del nombre, el tagline y la empresa.
TAGLINEPoint of Success.
De Business Computer a BCPOS
BCPOS empezó como Business Computer — un equipo pequeño construyendo sistemas de caja para comerciantes que necesitaban algo más rápido de lo que ofrecía el mercado. Cuando el producto creció hasta convertirse en una plataforma completa de punto de venta, el nombre se ajustó a lo esencial: BCPOS.
El wordmark conserva las iniciales originales como un guiño tranquilo a la historia de origen — y el tagline, Point of Success, replantea el "punto de venta" como el resultado que de verdad les importa a nuestros clientes.
Dónde trabajamos
BCPOS impulsa cajas, cocinas, almacenes y back offices en estos sectores:
- Retail y tiendas especializadas
- Restaurantes, bares y cafés
- Comida rápida y dark kitchens
- Hoteles y hospitalidad
- Farmacias y salud
- Negocios de servicio y por cita