SímboloSVG
CLOUDYIELD / MANUAL DE MARCA 03
La claridad también
tiene una forma.
Una identidad que hace visibles los costos de la nube. Simple en su forma, precisa en su uso y coherente en cada punto de contacto.
9 variaciones SVG · paleta · guía de uso · tipografía
CLOUDYIELD / SÍMBOLO
Conecta. Comprende. Optimiza.03 — 2026
GUÍA DE MARCA / 01
Una marca. Un color a la vez.
Dos formas de nube entrelazadas crean un símbolo monetario mediante espacio negativo transparente. Todas las partes visibles usan el mismo color sólido.
Símbolo / CloudYield orangeUn color. Sin degradados. Fondo transparente en el archivo.
Un color. Sin degradados. Fondo transparente en el archivo.Encuentra la versión adecuada.
Favicons, avatares y espacios compactos.
CloudYield orange · #FF8904
Descargar SVGVector escalable con fondo transparente. Las versiones con el nombre de marca incluyen la fuente en el archivo.
GUÍA DE MARCA / 02
El naranja es nuestra firma.
Un solo color primario en toda la experiencia, desde el logotipo hasta botones y gráficos. El carbón aporta estructura y contraste; el blanco deja respirar la información.
#FF8904
CloudYield orange
Primary color: brand identity, buttons, charts, and highlights.
#202020
Charcoal
Navigation, institutional areas, and high-contrast backgrounds.
#FFFFFF
White
Whitespace, light surfaces, and the brand on dark backgrounds.
El contraste es parte del diseño.
En botones naranjas #FF8904, usa texto carbón. Para enlaces y textos naranjas en superficies claras, usa el tono accesible #BC4800.
La marca se adapta a su fondo.
En modo oscuro, el naranja #FF8904 mantiene legibles enlaces y elementos destacados. Usa el logotipo naranja o blanco sobre carbón. Cada aplicación usa un solo color sólido, incluido el nombre de marca.
Verde, amarillo y rojo complementan la página de inicio en detalles, tarjetas e indicadores. En los análisis comunican ahorros, advertencias y anomalías, siempre con texto. El naranja es el único color primario de la marca; carbón y blanco son neutros de apoyo.
Descargar tokens de diseñoGUÍA DE MARCA / 03
Información con espacio para respirar.
Inter Variable es nuestra tipografía. Legible en datos densos, clara en encabezados y familiar en toda la experiencia.
INTER VARIABLE / 400 — 700
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 → + % $
Distribuida bajo la SIL Open Font License 1.1.
TÍTULO PRINCIPAL / 40–68 PX / 600
Cada decisión
puede aportar más.
ENCABEZADO / 24–32 PX / 600
Claridad para actuar.
CUERPO / 14–16 PX / 400
Conecta datos, comprende costos y encuentra oportunidades con contexto.
DATOS / NÚMEROS TABULARES
$1,240.00
Ejemplo tipográfico; no representa una estimación real.
GUÍA DE MARCA / 04
Coherencia en cada aplicación.
Conserva la geometría, las proporciones y el espacio alrededor de la marca. La identidad funciona mejor cuando tiene claridad.
¼ x
Espacio libre
Deja al menos ¼ del ancho visible del símbolo en cada lado. Ningún texto ni elemento debe ocupar este espacio.
24px
32px
48px
Tamaño mínimo
Símbolo: 24 px. Composición horizontal: 140 px de ancho. Composición vertical: 120 px. El favicon es la excepción técnica con 16 px; usa el símbolo independiente.
Usos correctos
- Un color sólido en todo el logotipo, incluido el nombre de marca.
- Archivos oficiales, conservando el espaciado interno.
- Naranja o carbón sobre fondos claros; naranja o blanco sobre fondos oscuros.
- Radios de esquina de 8–24 px en la interfaz y espaciado en múltiplos de 4 px.
Usos incorrectos
- Llenar el canal de formación de moneda o tratarlo como un elemento de segundo color.
- Aplicar degradados, sombras, contornos o efectos 3D.
- Estirar, rotar, recortar o reorganizar el símbolo.
- Recolorear el logotipo con colores de apoyo o con fondos de bajo contraste.