Usar: blanco sobre negro
Contraste alto, proporciones intactas y suficiente espacio alrededor.
Identidad / Manual digital 01
Una marca.
Un criterio común.
El sistema visual y verbal de Grupo Cidelo: recursos para comunicar infraestructura, consultoría y confianza con una identidad reconocible.
01 / Esencia
Tecnología que sostiene lo que sigue.
Grupo Cidelo combina alojamiento web, dominios, infraestructura y consultoría tecnológica. La identidad debe transmitir competencia técnica y cercanía: decisiones comprensibles, orden y capacidad para acompañar una operación.
En la primera mención escribe Grupo Cidelo. En un contexto ya identificado puede utilizarse Cidelo. La comunicación comercial usa el nombre de marca; la identificación del prestador se consulta en Términos de servicio y Privacidad.
02 / Firma de marca
La firma conserva su forma.
Usa el archivo blanco suministrado, con su símbolo y nombre completos. No reconstruyas el logotipo con una fuente ni redibujes sus elementos para obtener otra versión.
Proporción y legibilidad
El archivo original mide 296 × 80 píxeles. Mantén la relación 3.7:1 y usa altura automática al definir el ancho.
- Ancho recomendado en navegación: 148 px.
- Mínimo recomendado digital: 120 px, sujeto a legibilidad real.
- No amplíes el archivo raster para impresión de gran formato.
- Para impresión o corte solicita un original vectorial autorizado.
Evitar: reconstruir la firma
Una palabra escrita con otra tipografía no sustituye al archivo oficial.
Evitar: saturar el entorno
No encierres la firma entre mensajes, iconos o bordes pegados. Nunca la estires, rotes o añadas efectos.
03 / Color
Contraste que orienta.
Esta paleta define la identidad del sitio. Los neutros sostienen la lectura y el contraste concentra la atención en decisiones, navegación y mensajes relevantes.
Gris Cidelo
#555555RGB 85, 85, 85
Acciones principales, acentos y secciones de marca.
Negro Cidelo
#111111RGB 17, 17, 17
Fondos, navegación y texto sobre superficies claras.
Blanco
#FFFFFFRGB 255, 255, 255
Logo, lectura sobre fondos oscuros y tarjetas.
Papel digital
#F2F2F2RGB 242, 242, 242
Superficies editoriales y comparativas extensas.
Grafito
#272727RGB 39, 39, 39
Secciones de capacidades y contenido complementario.
El color no reemplaza al significado
Combina color con etiquetas, iconos o texto. En botones negros utiliza texto blanco; para párrafos sobre blanco usa texto negro o gris oscuro. Reserva los grises claros para superficies y divisores, no para texto pequeño. Revisa contraste en cada combinación, especialmente en estados de foco y error.
Los códigos son para medios digitales en sRGB. Para impresión, convierte con el perfil de color de la imprenta y solicita una prueba; no uses equivalencias CMYK improvisadas.
04 / Tipografía
La claridad también tiene una forma.
Sistema actual: Arial y fuentes sans serif del dispositivo. Así la página conserva lectura inmediata sin descargar tipografías de terceros.
Aa
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
0123456789 · $ % @
| Uso | Tamaño | Peso | Criterio |
|---|---|---|---|
| Titular principal | 48–112 px | 700 | Frases breves, adaptadas al ancho disponible. |
| Título de sección | 32–64 px | 700 | Una idea principal por bloque. |
| Subtítulo | 22–28 px | 600–700 | Jerarquía clara en tarjetas y guías. |
| Cuerpo | 16–20 px | 400 | Interlineado 1.5–1.7 y columnas legibles. |
| Etiquetas | 14 px | 600 | Mayúsculas solo para categorías cortas. |
| Datos técnicos | 14–16 px | 400 | Monoespaciada para códigos, sin bloques extensos. |
No comprimas la tipografía para hacer caber un titular. Reduce el tamaño, ajusta el salto de línea o simplifica el texto. Conserva las tildes y evita párrafos completos en mayúsculas.
05 / Diseño y aplicaciones
Espacio para entender. Jerarquía para actuar.
Retícula y ritmo
Organiza las piezas con márgenes consistentes y espacios basados en múltiplos de 8 px. En escritorio pueden convivir texto e imagen; en móvil prioriza una secuencia vertical.
- Una acción principal por bloque.
- Separación visible entre precio y condiciones.
- Evita texto pegado a los extremos.
Fotografía y visuales
Utiliza imágenes sobrias, relevantes y con derechos de uso. Los retratos deben preservar la identidad y el encuadre. Una ilustración de infraestructura no debe presentarse como fotografía de una instalación propia.
- Contraste suficiente detrás del texto.
- Sin marcas ajenas que sugieran alianzas.
- Imágenes optimizadas y con texto alternativo.
Movimiento e interfaz
El movimiento acompaña transiciones y orientación. La información debe estar disponible aunque las animaciones estén desactivadas. Los controles necesitan nombres claros y estados de foco visibles.
- Respeta la preferencia de movimiento reducido.
- Evita animaciones detrás de párrafos.
- Usa áreas táctiles de al menos 44 px.
Ejemplo de composición comercial
Más capacidad.
Más acompañamiento.
WordPress Unlimited
$390 MXN / mes
SSD ilimitado · Buzones ilimitados de 10240 MB · 1 base MySQL
Identifica el plan, presenta el precio y coloca las condiciones junto a la oferta. Los ejemplos no sustituyen la confirmación comercial.
06 / Voz y mensajes
Precisión sin distancia.
Habla de lo que el cliente puede hacer y de lo que necesita saber. Explica los términos cuando afectan una decisión.
“Espacio web SSD ilimitado y soporte 24/7.”
Características comprobables del plan, con unidades y alcance reconocibles.
“Todo ilimitado, sin fallas, para siempre.”
Promesas absolutas que no describen límites, condiciones ni responsabilidades.
Contexto acción seguimiento.
Explica qué se observó, qué información se necesita y qué paso sigue. Evita culpar al usuario o atribuir una causa que aún no se ha verificado.
07 / Recursos
Archivos listos para un uso consistente.
Descargar un recurso permite utilizar la identidad para referirse a Grupo Cidelo. No autoriza a representar a la empresa, modificar la firma ni insinuar una relación comercial no acordada.
Logotipo blanco WebP transparente · 296 × 80 pxPaleta y tipografía Variables CSS para diseño digitalLineamientos de publicidad Ofertas, mensajes y colaboraciones
Para una aplicación especial, una versión vectorial o autorización de uso, contacta a marca@cidelo.com. Incluye medio, tamaño, pieza y finalidad de la publicación.
Más allá de una cuenta de hosting
Conoce a Cidelo antes de elegir.
Una decisión informada combina recursos, atención y confianza. Consulta quién dirige la empresa, cómo se prepara el equipo y qué reglas deben orientar cada interacción.
Hosting Unlimited, soporte 24/7 por chat o tickets y orientación tecnológica gratuita. Las visitas y reuniones son opcionales.