Saltar al contenido

The Good APP

PROYECTOS | PERSONAS | FUTURO

Manual de marca de la aplicación de noticias de proyectos y desarrollos. Identidad visual, logotipo y guía de uso.

Versión 1.0 · Última actualización:

Logotipo The Good APP

El emblema representa un árbol que crece sobre una mano que sostiene el tronco. La copa está formada por cuatro hojas centrales y dos hojas laterales en verde oscuro, y un grupo de hojas exteriores en un verde más claro. Arriba, un arco representa el sol. Junto al emblema van el nombre The Good APP y el eslogan PROYECTOS | PERSONAS | FUTURO. A continuación, la versión principal en color y las variantes para fondos claro y oscuro.

Versión principal (color)

Logotipo con toda la paleta: verdes en tres tonos y arco dorado. Es la versión de referencia del brand book.

The Good APP logotipo en color

The Good APP

PROYECTOS | PERSONAS | FUTURO

Otras versiones
Versión oscura para fondo claro
The Good APP icono oscuro para fondo claro

The Good APP

PROYECTOS | PERSONAS | FUTURO

Icono en tonos oscuros para usar sobre fondos claros. Formato recomendado: PNG/SVG. Altura mínima: 32px.

Versión clara para fondo oscuro
The Good APP icono claro para fondo oscuro

The Good APP

PROYECTOS | PERSONAS | FUTURO

Icono en tonos claros para usar sobre fondos oscuros. Mantener buen contraste.

Contraste color y escala de grises

El logotipo debe poder usarse tanto en color como en una sola tinta (escala de grises). La versión en gris mantiene la misma jerarquía tonal que la versión en color: el arco, la mano y el tronco en tono más oscuro; las hojas centrales y laterales en gris medio; las hojas exteriores en gris más claro. Así se preserva la lectura del emblema en fotocopias, stamping, papelería corporativa o cuando solo se dispone de una tinta. Sobre fondo gris neutro, ambas versiones deben verse con claridad.

The Good APP: versión a color y en escala de grises sobre fondo gris

Logotipo en color (izquierda) y en escala de grises (derecha) sobre fondo gris. Usar la versión en color en app, web y soportes donde la paleta esté disponible; la versión en gris en impresos una sola tinta o contextos formales.

Más sobre el logo

El nombre The Good APP y el eslogan PROYECTOS | PERSONAS | FUTURO forman parte inseparable del logotipo; no deben sustituirse por otro tipo ni alterarse los espaciados. En aplicaciones reducidas (favicon, app icon), puede usarse solo el emblema (árbol, mano y arco) sin texto, manteniendo las proporciones y el área de respiro.

Área de respiro

Mantener un espacio mínimo alrededor del logo equivalente a la altura de la “T” de The Good APP para no saturar el emblema ni el texto.

Paleta de colores

Colores alineados con naturaleza, crecimiento y claridad. Cada uno tiene un rol y un por qué en la marca.

Colores principales (identidad The Good APP)
Verde bosque (logotipo)
#175A39 · PANTONE 343 C

Por qué: Color principal del emblema y del nombre The Good APP. Naturaleza, solidez y confianza.

Hojas centrales
#007c42

Por qué: Las cuatro hojas centrales (honestidad, claridad, rigor, veracidad). Verde profundo y serio.

Hojas laterales
#22a846

Por qué: Las dos hojas laterales; tono medio que da profundidad y alcance a la copa.

Hojas exteriores
#a5dd47

Por qué: El grupo de hojas exteriores (lectores); verde luminoso que evoca crecimiento y frescura.

Arco dorado (emblema)
#e6b84a

Por qué: Arco sobre la copa: sol, horizonte, energía y “futuro”. Elemento distintivo.

Monocromo
#2F3131 · PANTONE 432 C

Por qué: Versión una sola tinta para papelería, stamping o fondos donde solo se usa gris.

Neutros y fondos
Texto oscuro
#212529

Por qué: Legibilidad en cuerpo de texto y UI.

Gris medio (eslogan)
#6c757d

Por qué: Para “PROYECTOS | PERSONAS | FUTURO” algo más suave que el nombre.

Fondo claro
#f1f8f4

Por qué: Fondo de pantalla y cards; tinte verde sutil.

Tipografía

Por qué Montserrat: es la tipografía oficial del logotipo The Good APP. Bold para el nombre (presencia y confianza), Regular para el eslogan (legibilidad sin competir). En app y web se puede combinar con Roboto para cuerpo de texto.

Logotipo — Montserrat Bold

The Good APP

Nombre de marca en mayúsculas. Color verde #175A39 (o monocromo #2F3131).

Eslogan — Montserrat Regular

PROYECTOS | PERSONAS | FUTURO

Eslogan en mayúsculas, peso Regular. Separador | entre palabras.

Cuerpo y UI — Roboto

Texto lead o destacado (20px).

Texto de cuerpo normal (16px) para noticias y contenido de la app.

Texto pequeño o secundario (14px).

Escala tipográfica

Escala recomendada: 12, 14, 16, 18, 24, 32, 40px. Montserrat solo para marca y eslogan; Roboto (o Montserrat Regular) para títulos y cuerpo en la app.

Buenas prácticas

Qué hacer y qué evitar con el logotipo y la identidad visual.

Hacer

Usar el logo con el área de respiro indicada.

Mantener proporciones; no deformar.

Usar versiones oficiales (color / blanco / negro).

No hacer

Cambiar colores del logo sin autorización.

Añadir efectos (sombras, contornos, 3D).

Colocar sobre fondos con poco contraste.

Recursos

Descarga los archivos del logotipo y las partes del emblema. Todas las rutas son locales: al hacer clic se descargará el archivo si abres esta página desde tu ordenador (file://) o desde un servidor.

Brand Book (documento)

Mismo contenido que esta página en formato de documento: portada con marca, encabezados y colores The Good APP. Ábrelo en el navegador para imprimir a PDF, o ábrelo con Microsoft Word / LibreOffice y guarda como .docx u .odt.

Abrir Brand Book (documento)
Iconos del logotipo (SVG)
Imágenes (PNG)
Partes del logo (SVG)