MEDIOS

Manual de diseño

Logotipos, normas de uso y assets de prensa para periodistas, partners y eventos.

LOGOTIPOS

Descargas del logotipo

Utilice el logotipo en gris, negro o blanco. Prefiera SVG para pantallas e interfaces; PNG o PNG de alta resolución para presentaciones, impresión y dosieres de prensa.

PNGFormato ráster estándar para presentaciones, correo electrónico e incrustaciones web donde no se admite SVG.

SVGFormato vectorial preferido para interfaces, sitios web y diseños digitales escalables.

PNG de alta resoluciónRáster de alta resolución para material impreso, pantallas grandes y maquetación editorial.

cloudstrata grisPNGDescargar archivo

cloudstrata blancoPNGDescargar archivo

cloudstrata negroPNGDescargar archivo

cloudstrata grisSVGDescargar archivo

cloudstrata blancoSVGDescargar archivo

cloudstrata negroSVGDescargar archivo

cloudstrata grisPNG de alta resoluciónDescargar archivo

cloudstrata blancoPNG de alta resoluciónDescargar archivo

cloudstrata negroPNG de alta resoluciónDescargar archivo

FaviconICO · icono de navegador y de aplicaciónDescargar archivo

USO

Espacio libre y aplicación

Proteja el logotipo con un espacio libre, mantenga las proporciones intactas y elija la variante con mayor contraste sobre el fondo.

Espacio libre

Mantenga alrededor del logotipo un espacio vacío al menos igual a la altura de las letras minúsculas. No coloque otros logotipos, textos ni gráficos dentro de esta zona.

Tamaño mínimo

No reproduzca el logotipo con menos de 80 px de ancho en pantalla ni unos 20 mm en impresión. Prefiera 120 px o más siempre que haya espacio.

Negro sobre claro

Gris sobre tono atenuado

Blanco sobre oscuro

Correcto

Respete el espacio libre y la alineación con otros elementos de marca.
Utilice negro, gris o blanco según el contraste con el fondo.
Entregue SVG para la interfaz de producto y PNG de alta resolución para impresión o prensa.
Mantenga el logotipo completo e intacto: nunca recorte letras.
Combine el logotipo con la tipografía y los tokens de color principales de cloudstrata.

Don’t

Don’t stretch, skew, or rotate the wordmark.
Don’t recolor letters or apply custom brand hues to the mark.
Don’t add drop shadows, outlines, glows, or gradients to the logo.
Don’t place the mark on busy photos or low-contrast backgrounds.
Don’t crop, stack, or rearrange individual letters.

COLOR

Paleta de marca

Neutros fríos e institucionales con un acento azul intenso. Haga clic en cualquier muestra para copiar el valor hexadecimal.

Degradado de resalte

Reservado para el énfasis de producto (por ejemplo, los títulos de AI Foundry). No lo utilice como lavado de fondo general.

TIPOGRAFÍA

Sistema tipográfico

Serif editorial de exhibición para titulares; sans precisa para la interfaz y el cuerpo de texto. El interletrado óptico mantiene cerrado el texto grande y abiertas las etiquetas.

Cormorant Garamond · Exhibición / titulares

Plataformas que funcionan.

Peso 500–600 · interletrado ajustado en tamaños grandes · alternativa: Times New Roman

Plus Jakarta Sans · Interfaz / cuerpo

cloudstrata builds production-grade cloud platforms, AI runtimes, and software — from strategy through live operations.

Peso 400–600 · cuerpo 1,0625 rem · alternativa: Helvetica Neue

HeroTitular principal

SectionTítulo de sección

BodyTexto de cuerpo para lectura extensa y descripciones de producto.

LabelEtiqueta de sección

FORMA

Esquinas y superficies

Esquinas editoriales suaves: ni en forma de píldora ni afiladas como una cuchilla. Prefiera bordes discretos a sombras marcadas.

2 px · xs

4 px · sm

6 px · md

10 px · lg

Las superficies interactivas predeterminadas usan 4 px (sm). Evite las píldoras totalmente redondeadas y los efectos de resplandor multicapa.

FOTOGRAFÍA

Dirección de imagen

Documental, serena y ligeramente desaturada. Muestre contextos de trabajo reales, no abstracciones de banco de imágenes ni tópicos tecnológicos de neón.

Prefiera la luz natural, los entornos reales y las personas concentradas en su trabajo.
Aplique un ligero tratamiento editorial: desaturación suave y contraste moderado.
Evite viñeteados intensos, superposiciones de neón y escenas de oficina genéricas generadas por IA.
Mantenga legibles los rostros y la interfaz del producto; recorte con intención, no como adorno.

Reunión de consultoría en un espacio de trabajo luminoso — Editorial · consultoría

Revisión de ingeniería en un escritorio — Equipo · revisión de ingeniería

PRENSA

Material de prensa y de dirección

Retrato y datos de contacto para medios, socios y listados de eventos. Para combinaciones de logotipo a medida o co-branding, póngase en contacto con nosotros antes de publicar.