Marca
Kit de marca
Los archivos oficiales de NimboCDN y las reglas para usarlos. Está todo aquí para que nadie tenga que recortar el logotipo de una captura de pantalla.
ZIP de 476 KB · logotipos, iconos, colores, tipografías y las licencias
1. El nombre
NimboCDN es una sola palabra, con N mayúscula y CDN en mayúsculas. Sin espacio, sin guion, sin caja alta entera.
- Correcto: NimboCDN
- Incorrecto: Nimbo CDN · NIMBOCDN · Nimbocdn · NimboCdn
«CDN» puede ir en otro tono que «Nimbo» —es la categoría, no el nombre— y así se ve dónde termina la marca sin meter un espacio. En monocromo van iguales: un tono no sobrevive a una sola tinta.
En texto corrido, en la primera mención escribe el nombre completo. Después de eso, «NimboCDN» solo alcanza; no lo abrevies a «Nimbo».
2. El logotipo
Cuatro piezas. La horizontal es la principal: si estás en duda, es esa.
Una sola tinta
Cada pieza tiene su versión monocroma: positivo para fondo claro, negativo para fondo oscuro. En ellas el bloque se cala, no se pinta de blanco — así el sustrato pasa a través. Pintarlo de blanco funcionaría solo sobre papel blanco; sobre papel de color, sobre una imagen o sobre cualquier fondo de color, ese blanco se ve como una mancha pegada encima.
Qué dice el símbolo
El bloque es una imagen que pierde el 32 % de su alto. Esa masa reaparece abajo como el borde de lima desde el que la imagen se entrega. El 32 % no se eligió a ojo: es la medición que publica el producto. AVIF necesita 32 % menos bytes que JPEG, medido sobre catorce imágenes de dos tiendas reales a igual calidad percibida. Si esa medición cambia, el símbolo cambia con ella. No es una decoración con forma de dato: es el dato.
3. El favicon no lleva glifo
A 16 px hay 256 píxeles en total, y ahí el sol y los cerros se funden en una mancha que ensucia el bloque. Por eso existe un archivo aparte, sin el glifo, y es el que hay que usar de 16 a 48 px.
| Archivo | Retención de forma a 16 px |
|---|---|
Con glifo (nimbocdn-symbol.svg) | 0,807 |
Sin glifo (nimbocdn-symbol-small.svg) | 0,882 |
Medido rasterizando a 16 px, devolviendo a 256 px sin interpolar y correlacionando contra el nativo. Simplificar el símbolo en el tamaño mínimo es práctica estándar, no una excepción: a 16 px lo único que tiene que sobrevivir es la silueta.
4. Área de respeto y tamaño mínimo
Tres unidades de las 24 del símbolo, por los cuatro lados — o sea, 1/8 del alto. Sale del alto del borde de lima (1,5 u) por dos. Se toma un elemento del propio símbolo, no un número suelto. Así el área crece cuando la marca crece.
| Pieza | Mínimo | Por qué |
|---|---|---|
| Símbolo | 16 px | Es el favicon, y a ese tamaño va sin glifo |
| Horizontal | 96 px de ancho | Debajo de eso el nombre cae por debajo de 10 px de caja óptica y deja de leerse |
| Vertical | 72 px de ancho | Lo mismo |
En un layout apretado, aumenta el espacio alrededor en vez de achicar el logotipo por debajo del mínimo.
5. Los colores
Cinco colores de marca. El contraste de cada uno está medido sobre blanco, porque es lo que decide si un texto en ese color se lee o no.
La proporción de uso es 55 % ciruela, 32 % neutros, 8 % lima y 5 % semánticos. El lima es acento: si aparece en todas partes, deja de acentuar.
Los tres semánticos no son colores de marca
El feedback tiene colores propios, a propósito. El ciruela de NimboCDN no es un error y el lima no es un éxito. Si el aviso y el acento de marca se parecen, el lector deja de leer el aviso.
Descargar todos los tokens en JSON — incluye el tema oscuro, los radios, la elevación y los tiempos de animación. La paleta en SVG.
6. La tipografía
Bricolage Grotesque
Títulos y el nombre de la marca. Eje de peso 200–800; usamos de 500 a 800. SIL Open Font License 1.1.
Figtree — texto, interfaz y números
Cuerpo de texto e interfaz. Eje de peso 300–900; usamos de 400 a 700. SIL Open Font License 1.1.
Las dos son tipografías variables con un valor por defecto que engaña: Bricolage abre en 800 y Figtree en 300. Cualquier regla de CSS que use esas familias tiene que declarar font-weight. Si no lo declara, los títulos salen en 800 y el cuerpo en 300, y nadie se entera hasta poner el texto al lado del mismo texto en otra máquina.
El nombre de la marca no se tipea. Es contorno vectorial, generado con el kerning real de HarfBuzz, en wght 700 · opsz 96 · wdth 100 con tracking de −30/1000 em. Tipearlo en Bricolage da otro interletrado.
Bricolage woff2Figtree woff2Licencia OFLLicencia OFL
7. El corte
Una barra y la misma barra al 68 %. Es la proporción del símbolo vuelta textura: la trama no ilustra la marca, es la marca a otra escala. Es la única — no hay una segunda.
Como la usa el producto: ciruela al 4,2 % y 2,6 %, baldosa de 44 × 28 px sobre el lavado claro. Es exactamente el fondo de la tarjeta Pro del panel.
Y sobre oscuro: rosa al 7 % y 4,5 %, baldosa de 66 × 42 px. Es el fondo de este pie de página — baja hasta el final.
La misma baldosa ampliada y sin transparencia, solo para ver la forma. No es un uso válido.
La trama va plana y discreta: si se nota, está demasiado fuerte. El archivo es la baldosa de 22 × 14 unidades, con las barras de 16 y 10,88 — que es 16 × 0,68.
El símbolo en movimiento
El símbolo también tiene una versión en movimiento, con ciclo de 2400 ms. El bloque baja de 13 a 8,84 unidades y las 4,16 que pierde reaparecen abajo como el borde. El envolvente no cambia en ningún momento. El archivo respeta prefers-reduced-motion: para quien pidió menos movimiento, queda quieto.
Símbolo animado, SVGLa trama, SVGIcono animado, GIF
8. Sobre qué fondos
El logotipo a color pide un fondo claro y neutro. Sobre cualquier otra cosa, usa el monocromo que corresponda.
Sobre blanco
A color. El caso principal.
Sobre #f0f0f1
A color. El gris del panel de WordPress.
Sobre oscuro
Monocromo negativo.
Sobre el campo
Monocromo negativo, sobre ciruela.
9. La mascota
La chita aparece en el sitio y en las campañas. No está en el paquete y no la pueden usar terceros, ni siquiera en una nota. Representa a NimboCDN hablando, y en manos de otra persona pasa a decir cosas que no dijimos. Para ilustrar una nota, usa el logotipo.
Las reglas internas, publicadas aquí para que se sepa qué esperar. La mascota nunca reemplaza al símbolo. Nunca entra en el favicon ni en el panel, y solo usa ciruela, lima y rosa.
Entregando
Saludando
10. Seis maneras de romper esto
Cada una tiene su porqué. No son reglas de gusto: son las que hacen que el símbolo deje de significar lo que significa, o que deje de leerse.
✕ Estirar o desproporcionar
El bloque está al 68 % exacto del envolvente. Deformarlo rompe el único dato que el símbolo carga.
✕ Recolorear el bloque o el borde
El rosa y el lima no son decoración intercambiable: son el bloque calado y el borde. Si necesitas una sola tinta, existe el monocromo.
✕ Ponerle sombra, relieve o degradado
El símbolo es plano por diseño. Un degradado lo devuelve a la estética de la categoría de la que se separó.
✕ Rotarlo o inclinarlo
El bloque y el borde son horizontales porque el corte es vertical. Inclinado, el gesto deja de leerse.
✕ Usar el símbolo con glifo a 16 px
A ese tamaño el sol y los cerros se funden. Existe nimbocdn-symbol-small.svg, medido: 0,882 de retención contra 0,807.
✕ Recomponer el nombre con tipografía viva
El nombre es contorno, con kerning de HarfBuzz. Tipearlo en Bricolage da otro interletrado — y sin font-weight declarado, sale en 800.
11. Lo que puedes y lo que no
La regla corta: el nombre es permisivo, el logotipo es restringido. Nombrar una marca para referirse al producto que nombra es uso legítimo y no necesita nuestra autorización. Reproducir el dibujo del logotipo, sí.
Puedes, sin preguntarnos
- Escribir «NimboCDN» en texto para referirte al producto o a la empresa.
- Decir que tu sitio, tu tema o tu plugin funciona con NimboCDN, si es cierto.
- Comparar NimboCDN con otros productos, incluso de forma desfavorable, si lo que dices es verificable.
- Usar el logotipo para enlazar a nimbocdn.net, o como icono de un botón de integración.
- Publicar noticia, reseña, tutorial o video sobre NimboCDN, con el logotipo y las capturas del kit de prensa.
No puedes
- Alterar, recolorear, rotar, deformar, recortar ni redibujar el logotipo — ni en parte.
- Usar el nombre o el logotipo en el nombre de tu empresa, tu producto, tu dominio, tu aplicación o tu perfil en redes.
- Combinar nuestra marca con la tuya en un bloque único, ni crear un logotipo derivado.
- Sugerir alianza, patrocinio, certificación o aprobación que no exista.
- Dejar nuestra marca más destacada que la tuya en la misma pieza: tu nombre y tu logotipo tienen que ser visiblemente mayores.
- Vender productos con nuestra marca, ni usarla al lado de contenido ilegal u ofensivo.
¿Necesitas un uso que no está aquí? Escribe a press@nimbocdn.net con una maqueta de lo que piensas hacer. Respondemos rápido.
12. Marcas de terceros
El logotipo de WordPress aparece en nuestro sitio sin ninguna alteración y solo para indicar compatibilidad. WordPress es marca de la WordPress Foundation, y no tenemos vínculo con ella. Nos aplicamos a nosotros mismos la regla que pedimos arriba.
Lo mismo vale para los productos que comparamos: las comparativas nombran competidores para identificarlos, y nada ahí sugiere asociación, patrocinio ni aprobación de ninguno.
13. La marca y el contacto
NimboCDN™ es una marca de DIO Digital E-Commerce Services LLC.
Si necesitas una atribución en una pieza, esta sirve:
NimboCDN y el diseño del símbolo de NimboCDN son marcas de DIO Digital E-Commerce Services LLC.
Permisos, dudas y avisos de uso indebido: press@nimbocdn.net.
14. Todos los archivos
ZIP de 476 KB
| Qué es | Archivos |
|---|---|
| Logotipo horizontal | SVG · 512 · 1024 · 2048 · mono positivo · mono negativo |
| Logotipo vertical | SVG · 512 · 1024 · mono positivo SVG · mono positivo PNG · mono negativo SVG · mono negativo PNG |
| Símbolo | SVG · 512 · 1024 · mono positivo · mono negativo · animado |
| Símbolo para 16–48 px | SVG sin glifo |
| El nombre | SVG · 512 · 1024 · 2048 |
| Iconos y favicons | favicon.ico · 16 · 32 · 48 · 180 · SVG · 256 · GIF animado |
| Color y trama | tokens JSON · paleta SVG · trama |
| Tipografías | Bricolage · Figtree · OFL · OFL |
| Capturas del producto | Panel, plan gratuito · Panel, plan Pro |
Las tipografías son SIL Open Font License 1.1: se pueden usar y redistribuir con la licencia al lado, y no se pueden vender por sí solas. Todo lo demás es de DIO Digital E-Commerce Services LLC y vale bajo las reglas de la sección 11.