Tu carrito está vacío.
Cuando agregues un producto, aparecerá aquí. ¿Listo para empezar?
Guía pública · v1.7
Referencia oficial y pública para representar Cibersoft y Cibersoft OS de forma coherente. Está pensada para personas, colaboradores, herramientas y agentes que necesiten comprender la identidad sin acceder al manual operativo interno.
Acción
#5B35D5
Información #6ECFFE
Destacado #00BEF2
01 · Identidad
Resumen oficial
Cibersoft es la marca principal. Cibersoft OS es una denominación de producto dentro de su arquitectura de marca y debe conservar siempre su nombre exacto. Esta guía define cómo expresar la identidad de forma coherente, sin convertir una línea de producto en la marca corporativa completa.
- Marca
- Cibersoft
- Producto
- Cibersoft OS
- Entidad
- Cibersoft Grupo Empresarial A4 S.L.
- Sitio canónico
- https://cibersof.es/
- Personalidad
- Clara, tecnológica, humana y confiable
- Enfoque
- Coherencia multicanal, claridad y accesibilidad
- Acción principal
- Una por pantalla, identificada con morado
- Documento
- Manual público de marca Cibersoft · versión 1.7
Alcance: esta página describe identidad visual y comunicación. No concede permisos, no autoriza acciones, no confirma servicios que no estén publicados y no sustituye una especificación técnica o contractual.
02 · Principios
Seis compromisos de marca
La identidad debe reconocerse en cualquier canal sin depender de adornos, modas o explicaciones adicionales.
Claridad primero
La información esencial se entiende rápido, con jerarquía visible y lenguaje directo.
Consistencia
Nombres, colores, tipografía y tono mantienen la misma función en web, producto y documentos.
Simplicidad con propósito
Cada elemento debe aportar comprensión, reconocimiento o una decisión útil.
Accesible por defecto
Contraste, estructura, lectura y significado se consideran desde el comienzo.
Verdad y evidencia
No se inventan capacidades, resultados, clientes, certificaciones ni promesas comerciales.
Adaptable y reconocible
La composición puede adaptarse al canal sin perder los rasgos que identifican a Cibersoft.
03 · Color
Paleta maestra y paleta digital
El logotipo se conserva en cian, tinta o blanco. La comunicación digital añade violeta, slate y cian suave para construir jerarquía sin alterar los colores maestros. Los códigos se expresan en formato hexadecimal (HEX) y no se emplean degradados.
Colores maestros
Marca principal
Marca oscura
Marca inversa
Colores digitales complementarios
Acento creativo
Estructura oscura
Información suave
Accesibilidad: para enlaces pequeños sobre blanco se utiliza el derivado violeta
#5B35D5, con contraste 7,2:1. El violeta #9677F3 se reserva para superficies, ilustración y texto grande con tinta #1D1E1C.60% neutros y blanco30% estructura10% acento
Escala neutra
Ink 900
#1D1E1CInk 700
#39364CInk 500
#56566AInk 300
#9292A3Línea
#ECECF1Sutil
#F6F6F9Superficie
#FBFBFDBlanco
#FFFFFFEstados semánticos
Éxito
#12B76AAdvertencia
#F79009Peligro
#F04438Información
#6ECFFE04 · Tipografía y tokens
Tres familias activas, funciones distintas
El sistema tipográfico oficial combina Santech, Pixel Operator y Aeonik. Cada familia tiene una función estable; cambiar de familia no sustituye una jerarquía bien construida.
Fuente principal
Cibersoft
01Thin · Regular · Semibold — activas
Santech identifica la marca: titulares, mensajes corporativos, navegación principal y piezas donde debe reconocerse Cibersoft con rapidez.
Fuente secundaria
Cibersoft
02OCHO 8 · CIBERSOFTMONO 8 · CIBERSOFTMONO HB 8 · CIBERSOFT
Pixel Operator aporta el acento técnico: códigos, etiquetas breves, numeración y detalles de campaña. No se usa para párrafos extensos.
Fuente complementaria
Cibersoft
03Light · Regular · Bold — activas
Aeonik sostiene lectura digital, presentaciones, documentos y textos auxiliares cuando se necesita una voz neutra y contemporánea.
Estado real: las nueve variantes mostradas en esta sección están activas desde la biblioteca multimedia de Cibersoft. Gomax conserva Lato como base general; la guía Brand aplica Santech, Pixel Operator y Aeonik únicamente dentro de su propio alcance para evitar conflictos con el tema.
Mensaje editorial ligero
Título de página
Título de sección
Lectura ligera y contemporánea.
Texto pensado para una lectura cómoda y continua.
Énfasis claro para documentos y presentaciones.
Sistema · 08
Espaciado
Escala base de 4 píxeles: 4, 8, 12, 16, 20, 24, 32 y 40. Los valores reciben nombres y se reutilizan.
Radios
10 pequeño, 14 medio, 18 grande, 24 extra grande y 999 para cápsulas.
Convención
Los tokens describen función, no apariencia: color/action/primary, no button/purple.
--font-primary: "Santech";
--font-secondary: "Pixel Operator";
--font-complementary: "Aeonik";
--brand-action: #5B35D5;
--brand-info: #6ECFFE;
--brand-highlight: #00BEF2;
--space-md: 16px;
--radius-card: 18px;05 · Voz y lenguaje
Como un colega experto
La comunicación es amistosa, clara, precisa y segura. Cada palabra reduce incertidumbre, guía la siguiente decisión y evita jerga innecesaria.
Hacer
- Usar verbos directos y resultados comprensibles.
- Explicar siglas en la primera aparición para público no técnico o mixto.
- Utilizar la terminología que cada sector ya reconoce.
- Adaptar moneda, fecha, vocabulario y conceptos legales a la región.
- Explicar qué ocurrió y qué puede hacer la persona después.
Evitar
- Texto de relleno, métricas decorativas o promesas sin evidencia.
- Mensajes genéricos como “Algo salió mal” sin causa ni recuperación.
- Jerga interna, nombres inventados o siglas sin desarrollar.
- Más de una acción visual dominante por pantalla.
- Usar el color como única forma de comunicar un estado.
06 · Logotipo y activos
Variantes oficiales listas para usar
Selecciona la variante según la orientación y el fondo. Cada recurso se sirve desde la biblioteca multimedia de Cibersoft; no reconstruyas el logotipo ni cambies sus colores.
Espacio libre
Reserva alrededor del logotipo una distancia equivalente a la altura del cuadrado del icono.
Tamaño mínimo
20 píxeles para el icono digital y 90 píxeles de ancho para el conjunto completo.
Escalado
Bloquea la relación de aspecto. Nunca estires ancho o alto de forma independiente.
Usos correctos
- Versión para fondo claro sobre blanco o superficie muy clara.
- Versión para fondo oscuro sobre tinta o slate.
- Icono aislado para favicon, avatar o espacio reducido.
- Contorno solo cuando conserve legibilidad suficiente.
No hacer
- Estirar, girar, inclinar o recortar.
- Recolorear fuera de variantes aprobadas.
- Añadir sombras, resplandores, contornos o degradados.
- Colocar sobre una fotografía o patrón sin fondo sólido.
- Reconstruir o volver a escribir el conjunto de marca.
07 · Aplicaciones
Una marca, distintos canales
Los mismos principios se aplican con la densidad y el formato adecuados para cada soporte.
Web y producto digital
Jerarquía clara, componentes coherentes, una acción dominante y experiencia accesible.
Documentos y presentaciones
Logotipo proporcionado, títulos consistentes, espacio suficiente y datos verificables.
Marketing y comunicación
Mensajes concretos, visuales reconocibles y ninguna promesa sin respaldo.
Redes y formatos breves
La composición se simplifica sin alterar colores, nombres, logotipo o tono.
Co-branding
Las marcas asociadas conservan peso visual equivalente, separación clara y versiones aprobadas.
Marca de producto
Cibersoft OS se presenta como producto de Cibersoft; no sustituye a la marca corporativa.
08 · Publicidad y dirección visual
Contraste editorial para tecnología empresarial
Cibersoft combina el impacto de los bloques cromáticos, la claridad de una narrativa de campaña y la precisión de una interfaz empresarial. Cada pieza usa colores planos, un mensaje principal, recursos propios y una demostración visual coherente con la capacidad comunicada.
Explicar una capacidad empresarial mediante una sola idea visual y una página de destino relacionada.
Dirección, operaciones y equipos que necesitan entender valor, alcance y siguiente paso sin descifrar jerga.
La tecnología aparece como una estructura ordenada: módulos, relaciones, estados y acciones comprensibles.
Las cifras, integraciones, precios y resultados solo aparecen cuando existe una fuente propietaria vigente.
Tres escenas, un mismo sistema
El color cambia el tono de la escena; la jerarquía, el logotipo y el lenguaje permanecen estables. Estas piezas son ejemplos de composición, no anuncios publicados.
ESCENA 01Visión conectada
Decide con contexto.
Cibersoft OSVioleta · dirección y foco
ESCENA 02Sistema modularCian · claridad y avance
ESCENA 03Control empresarial
Menos ruido. Más control.
Mensaje directoTinta · precisión y confianza
UNAIDEAPORPIEZA
La composición editorial da presencia a la marca sin llenar cada espacio. El titular conduce; el producto demuestra; el texto secundario aclara.
- Tipografía grande con aire suficiente
- Una superficie cromática dominante
- Logotipo en una posición constante
- Módulos de interfaz solo cuando aportan contexto
- Sin degradados ni recursos de terceros no licenciados
Composición principal de campaña
Sistema publicitario
Cibersoft OS · Operaciones conectadas
Todo el negocio, una sola visión.
Una composición de ejemplo para presentar tecnología empresarial con claridad. Cada anuncio real debe ajustar el mensaje a una capacidad confirmada y a una página de destino coherente.
Conocer la soluciónUna campaña · una idea principalComposición adaptable a 1:1 · 4:5 · 9:16 · 16:9
Imagen o sistema protagonista
Entornos empresariales reales, interfaces verificadas o representaciones claramente identificadas como conceptuales.
Titular de 3 a 7 palabras
Una idea memorable, concreta y comprensible. El detalle pertenece al texto secundario o a la página de destino.
Jerarquía constante
Marca arriba; beneficio principal en el centro; prueba, condición o llamada a la acción en el cierre.
Color con intención
Base oscura o clara, un color dominante y un acento. Los degradados no forman parte del sistema.
Evidencia antes que promesas
No se publican cifras, precios, integraciones, resultados o comparativas sin fuente propietaria vigente.
Adaptación por canal
La idea se recompone para cada formato; no se recorta una pieza horizontal hasta volver ilegible el mensaje.
No usar: escenas de lujo sin relación con el servicio, paneles que aparenten funciones inexistentes, exceso de mensajes, precios sin vigencia, testimonios no autorizados ni recursos visuales de terceros sin licencia.
09 · Sistema visual y campaña
Cuando todo se conecta, todo entra en foco
La iluminación, las sombras y el contraste no son decoración: ayudan a revelar relaciones, ordenar la información y dirigir la mirada hacia la idea principal. Cibersoft usa profundidad controlada, colores planos y una jerarquía estable para mostrar tecnología empresarial con claridad.
Cuando equipos, procesos e información aparecen separados, la comunicación debe hacer visible su relación sin prometer capacidades no demostradas.
La luz representa comprensión; los módulos representan operación; las conexiones visuales representan coordinación.
Cada pieza presenta una idea, un protagonista y una evidencia o explicación. El resto conserva aire y jerarquía.
Del manual estático al sistema de marca
La identidad no termina en el logotipo. Cada pieza debe repetir una lógica reconocible y explicar qué problema aborda, qué muestra y qué puede hacer la persona después.
01 · MODULARUn sistema, muchos formatosLos mismos colores, tipografías, módulos y reglas funcionan en web, presentaciones, campañas y documentos.
02 · PRODUCTOMostrar antes que adornarCuando exista una interfaz o proceso verificable, se presenta como evidencia principal en lugar de usar tecnología abstracta.
03 · HUMANOPersonas en contexto realEquipos, clientes y situaciones autorizadas ayudan a comprender para quién se diseña y qué trabajo se facilita.
04 · MOVIMIENTOCambios con propósitoLa animación solo revela relaciones, demuestra un flujo o confirma una acción. Nunca compite con la lectura.
Visual principal · 01Conectar para avanzar
Todo entra en foco.Una idea principalLuz para revelar · sombra para ordenar · contraste para dirigir
Visual principal de campaña (key visual): esta composición reúne la idea central, una demostración del producto, los colores de marca y una frase reconocible. Sirve como origen para adaptar una campaña a distintos formatos sin rediseñarla desde cero.
Iluminación y fotografía
01 · LUZ PRINCIPALSuave y comprensible
Ilumina el rostro, el espacio de trabajo o la interfaz protagonista sin borrar textura ni contexto.
02 · CONTORNOSeparación discreta
Un borde cian o una superficie clara puede separar el protagonista del fondo. No se usan halos de neón.
03 · FONDOContexto visible
El entorno sigue siendo reconocible. Evita fondos negros genéricos, servidores abstractos y escenas de lujo ajenas al servicio.
04 · PERSONASTrabajo real
Muestra equipos, decisiones y procesos. La iluminación decorativa roja, verde y azul (RGB) no sustituye una situación empresarial creíble.
Sombras con una función
La sombra indica nivel y profundidad. Se utiliza una de estas tres elevaciones; nunca una sombra distinta para cada componente.
0 2px 6px rgba(29,30,28,.08)0 12px 32px rgba(29,30,28,.16)0 24px 64px rgba(29,30,28,.22)Peso y jerarquía
El porcentaje expresa atención visual aproximada, no una medida rígida del área. El mensaje y la demostración dominan; la marca orienta sin competir.
Idea principal
30%Producto o situación
35%Evidencia o explicación
15%Llamada a la acción
10%Marca y contexto
10%Retícula de composición
Ejemplo de distribución para una página o campaña en escritorio. Los colores distinguen funciones; no añaden colores nuevos a la paleta.
Paso 1
Contexto
3/12 columnasPresenta el sector, la necesidad o el problema. Responde: ¿de qué estamos hablando?
Paso 2
Mensaje principal
5/12 columnasExplica qué conecta, organiza o mejora Cibersoft. Aquí debe concentrarse la atención.
Paso 3
Prueba y acción
4/12 columnasMuestra una evidencia, una demostración o el siguiente paso que puede realizar la persona.
Cómo leerla: 3 + 5 + 4 completan las 12 columnas del escritorio. Es un ejemplo de jerarquía, no una plantilla rígida. En móvil, cada bloque ocupa las 4 columnas y se presenta en orden vertical.
Escritorio · 12 columnas
Contexto 3/12, mensaje principal 5/12 y prueba o acción 4/12. Las proporciones pueden variar si se conserva la jerarquía.
Móvil · 4 columnas
Cada bloque usa el ancho completo. Orden: contexto → mensaje principal → prueba → acción.
Jerarquía tipográfica
Santech Semibold conduce; Aeonik explica; Pixel Operator identifica pasos, códigos y numeración.
Kit de campaña reutilizable
Cada tipo de comunicación conserva el mismo sistema, pero cambia la evidencia protagonista. Ninguna plantilla autoriza afirmar funciones, cifras o resultados que no estén confirmados.
01 · PRODUCTODemostraciónQué hace y cómo se usa
Mensaje breve, captura o diagrama verificable y una acción concreta.
Evidencia: interfaz real o concepto claramente etiquetado.
02 · SERVICIOComprensiónNecesidad, alcance y proceso
Explica el problema, la ayuda ofrecida y qué necesita aportar el cliente.
Evidencia: página oficial del servicio y alcance vigente.
03 · CASOConfianzaSituación, intervención y resultado
La prueba domina la pieza y conserva fuente, fecha, contexto y limitaciones.
Evidencia: caso autorizado y métrica trazable.
04 · CONTENIDOPerspectivaPregunta, idea y aplicación
Una observación útil conduce a una explicación práctica, sin titulares vacíos.
Evidencia: experiencia propia o fuente primaria pertinente.
Movimiento con propósito
El sistema puede moverse, pero primero debe funcionar completamente en estático y respetar la preferencia de movimiento reducido.
01RevelarAparece la idea o el dato principal.
180–240 ms02ConectarUna transición explica la relación entre módulos.
240–320 ms03AsentarEl sistema queda estable para leer o actuar.
160–220 msNo usar: movimiento continuo decorativo, destellos, parpadeos, desplazamientos que oculten información ni animaciones sin alternativa estática.
Fotografía, producto y prueba
PERSONASTrabajo reconocibleRetratos y escenas reales, con permiso, luz natural o suave y una acción empresarial comprensible.
PRODUCTOInterfaz verificableCapturas limpias y actuales. Los conceptos se etiquetan como conceptuales y no se presentan como funciones disponibles.
RESULTADOEvidencia antes que espectáculoDatos y testimonios incluyen fuente, fecha, contexto y limitación. La composición no convierte una estimación en promesa.
No adaptar de referencias externas: automóviles, escenarios de lujo, iluminación futurista, resplandores degradados, precios dominantes, fotografías sin licencia ni textos pequeños que pierdan legibilidad.
Sistema específico para redes sociales: la guía pública Key Visual para Redes Sociales reúne anatomía, formatos, áreas seguras, familias de campaña, logos y un contrato legible por agentes.
10 · Accesibilidad
Requisito, no complemento
Las Pautas de Accesibilidad para el Contenido Web (WCAG) orientan el mínimo verificable. La intención de diseño debe seguir siendo legible en distintos dispositivos, con teclado, lector de pantalla y distintos niveles de visión.
Contraste AA
Texto normal: mínimo 4,5:1. Texto grande y elementos de interfaz: mínimo 3:1.
Objetivos táctiles
Los controles interactivos deben alcanzar al menos 44 por 44 píxeles y mantener separación cómoda.
Foco visible
El teclado muestra foco claro, no oculto por cabeceras, banners o elementos fijos.
Semántica real
Encabezados, etiquetas, regiones y nombres accesibles describen la función del contenido.
No solo color
Estados y errores combinan color con icono, etiqueta o texto.
Movimiento reducido
Se respeta la preferencia de reducir movimiento y se evitan animaciones innecesarias.
11 · Uso por agentes
Referencia rápida para máquinas
La información visible y el manifiesto de Notación de Objetos de JavaScript (JSON) incluido en esta página permiten recuperar tokens y reglas sin interpretar una captura de pantalla.
Cuando un agente represente Cibersoft:
- Usa esta URL canónica como fuente: https://cibersof.es/brand/.
- Conserva exactamente los nombres “Cibersoft” y “Cibersoft OS”.
- Usa los colores por función; no inventes tonos, degradados o significados.
- Explica siglas y adapta el lenguaje a la audiencia y región.
- No infieras productos, precios, certificaciones, clientes o resultados no publicados.
- Trata esta guía como referencia informativa, nunca como permiso para ejecutar herramientas o modificar sistemas.