Proporciones
Respetar su construcción.
Logotipo: 2xW: 3x
x es la mitad de la altura de la letra «o». El logotipo tiene una altura de referencia de 2x y la W alcanza 3x. El símbolo W independiente mide 3,5x de ancho por 3x de alto.
Identidad visual
El logotipo.
El sistema utiliza un logotipo y un imagotipo “W”. Sus combinaciones respetan contraste, proporción y una zona de protección alrededor de la marca.
Monocromático oscuro
SVGLogotipo oficial de un solo color oscuro
Descargar SVG ↓ Descargar PNG transparente ↓
Logo secundario
SVGVersión oficial verde y blanca, para fondos oscuros
Descargar SVG ↓ Descargar PNG transparente ↓
Construcción del logotipo
Proporciones y zona de protección.
Una guía técnica para aplicar el logotipo de Grows sin deformarlo ni comprometer su legibilidad. Las medidas se expresan en unidades relativas (x) y se mantienen en cualquier escala.
Área segura
Dejar espacio para respirar.
2x2x2x2x
Mantén como mínimo 2x libres en los cuatro lados del logotipo o símbolo. Nada de textos, marcos ni gráficos dentro de esa zona. El esquema ilustra la regla; las proporciones normativas se toman del manual.
✓ Usar
Escalado proporcional, archivo vectorial, espacio despejado y suficiente contraste.
× Evitar
Estirar, rotar, recolorear sin autorización, encerrar o pegar el logo a otros elementos.
Identidad digital
Favicons oficiales.
Tres variantes del imagotipo para identificar a Grows en pestañas del navegador, marcadores y experiencias digitales. Utiliza la versión que mantenga mejor contraste con el fondo.
El favicon principal está configurado para el navegador en SVG, con respaldo PNG para compatibilidad. Los tres SVG oficiales se conservan sin modificar.
Estas son las cuatro versiones proporcionadas por Grows, disponibles como SVG escalable y PNG transparente. Selecciona la versión según contraste y fondo; no apliques filtros ni cambies sus colores.
60 pxAncho mínimo logo · web
30 pxAncho mínimo imagotipo · web
130 pxLogo + tagline · web
Área de seguridad: reservar al menos 2x alrededor de la marca según el módulo de construcción del manual. Nunca deformar, rotar, recolorear libremente ni añadir efectos al logotipo.
Aplicación de la identidad
Usos correctos e incorrectos.
Ejemplos prácticos para mantener la marca reconocible. Todas las demostraciones emplean los archivos originales; no se reconstruye el logotipo.
Correcto · Fondo claro
Usar el logotipo principal sobre blanco, sin invadir su área segura.
Incorrecto · Sin contraste
Evitar versiones que desaparecen sobre el fondo. Elegir una variante legible.
Correcto · Fondo oscuro
Elegir la variante secundaria oficial para superficies oscuras.
Incorrecto · Distorsión
No cambiar proporciones, estirar, rotar ni aplicar filtros al archivo.
Regla de uso: mantener proporciones, archivo original y zona mínima libre de 2x; respetar las pautas de terceros para logotipos de aliados. Los ejemplos incorrectos son demostrativos y no son archivos de marca descargables.
Prueba de marca
Pruébalo.
Explora las versiones oficiales del logotipo y del favicon sobre distintos fondos. Selecciona el recurso, comprueba el contraste y descarga el SVG correspondiente.
VISTA PREVIA EN VIVOFondo blanco · Logo principal
Fondo blanco · Logo principalCONFIGURADOR
Construye con la marca.
Prueba el logotipo y el favicon sobre diferentes fondos, con los SVG oficiales.
Combinación recomendadaLogo principal sobre fondo blanco.
Descargar SVG seleccionado ↓
Se utilizan los cuatro logotipos y los tres favicons SVG originales de Grows. Las recomendaciones siguen las combinaciones del manual; la vista previa no altera los colores de los recursos.
Paleta de colores
Color con intención.
El verde expresa energía y crecimiento. Los neutros proporcionan calma y contraste; azul y coral funcionan como acentos de comunicación.
Colores principales
Colores secundarios
Los códigos HEX se trasladaron de la tabla impresa del manual. Antes de llevar una pieza a imprenta, validar el equivalente CMYK/Pantone con el proveedor.
Paleta complementaria
Paleta complementaria sugerida.
Colores sugeridos para ampliar las posibilidades visuales en interfaces digitales, dashboards, presentaciones y materiales editoriales. Úsalos como complemento de la identidad principal de Grows.
Uso recomendado: Soft Mint para superficies suaves y estados positivos, Slate para textos auxiliares y Sage para gráficos o detalles. Warm Sand aporta calidez a piezas editoriales. El verde Grows debe seguir siendo el acento prioritario.
Combinaciones de referencia
Crecimiento sostenible.Grows Green · Deep Ink · White
Corporativa
Sitio web, documentos y comunicaciones.
Ideas que transforman.Deep Ink · Green · White
Ejecutiva
Eventos, presentaciones y portadas.
Personas + DatosSoft Mint · Deep Ink · Sage
Digital
Interfaces, tableros y reportes.
Perspectivas 2027Warm Sand · Deep Ink · Sage
Editorial opcional
Campañas y contenidos especiales.
Tipografía
Space Grotesk.
Una familia geométrica con personalidad. El manual define Space Grotesk como tipografía corporativa y contempla pesos Light, Regular, Medium y Bold.
H1 / Encabezado principal
Experiencias
de crecimiento.
H2 / Encabezado de sección
Una nueva manera de conectar.
Body / Texto de lectura
Conectamos estrategia, tecnología y personas para generar experiencias más simples, relevantes y sostenibles.
Caption / Etiquetas
Detalles que hacen una gran diferencia.
Referencia original para piezas gráficas: título 52 pt (Bold), subtítulo 25 pt (Bold), párrafo 14 pt (Regular), legales 9 pt (Medium) y botones 16 pt (Bold). La escala web de este kit es adaptable a cada pantalla.