The Good APP

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.

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.

Otras versiones

The Good APP
PROYECTOS | PERSONAS | FUTURO

Versión oscura para fondo claro. Icono en tonos oscuros para usar sobre fondos claros. Formato recomendado: PNG/SVG. Altura mínima: 32px.

The Good APP
PROYECTOS | PERSONAS | FUTURO

Versión clara para fondo oscuro. Icono en tonos claros para usar sobre fondos oscuros. Mantener buen contraste.

Logotipo The Good APP

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.

Área de respiro: mantener un espacio mínimo alrededor del logo equivalente a la altura de la “T” de The Good APP.

Partes del logo

El emblema se compone de seis elementos, de abajo hacia arriba. Cada uno tiene un significado y un color en la versión principal.

Mano. Simboliza al periodista que escribe: la mano que sostiene el tronco es quien da forma a las noticias y sostiene el relato. Evoca rigor, oficio y responsabilidad. Color: verde oscuro (#175A39).

Tronco. Representa la aplicación que conecta todo en uno: el eje central que une a quien escribe, a quien lee y a la información. Por eso ocupa el centro del emblema. Color: verde oscuro (#175A39).

Cuatro hojas centrales. Encarnan los cuatro pilares del periodismo: honestidad, claridad, rigor y veracidad. Forman el núcleo ético y editorial de la marca. Color: verde #007c42.

Dos hojas laterales. Prolongan la copa y dan amplitud al conjunto; refuerzan la idea de alcance y equilibrio entre los contenidos y su difusión. Color: verde #22a846.

Grupo de hojas exteriores. Representan a los lectores: cada uno recibe de la mano de quienes escriben las buenas noticias que los hacen crecer. Son el resultado vivo del periodismo de The Good APP. Color: verde #a5dd47.

Arco (sol). Representa el sol, el progreso y la alegría de las buenas noticias. Aporta luz y optimismo, y refuerza la idea de un futuro informado y esperanzador. Color: amarillo / amarillo-naranja (#e6b84a).

Paleta de colores

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

Colores principales

Neutros y fondos

Tipografía

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

Logotipo — Montserrat Bold: nombre de marca en mayúsculas. Color verde #175A39 (o monocromo #2F3131).

Eslogan — Montserrat Regular: PROYECTOS | PERSONAS | FUTURO en mayúsculas, peso Regular. Separador | entre palabras.

Cuerpo y UI — Roboto: para noticias y contenido de la app. Escala recomendada: 12, 14, 16, 18, 24, 32, 40px.

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 / claro / oscuro).

No hacer:

• Cambiar colores del logo sin autorización.
• Añadir efectos (sombras, contornos, 3D).
• Colocar sobre fondos con poco contraste.

Recursos

Archivos del logotipo y de las partes del emblema. Descarga desde la versión web del manual (index.html) en la sección Recursos.

Iconos del logotipo (SVG): iconoColor.svg, iconoClaro.svg, iconoOscuro.svg.

Imágenes (PNG): iconoColor.png, avanza.png.

Partes del logo (SVG): arco.svg, mano.svg, tronco.svg, hojasinteriores.svg, hojaslaterales.svg, hojasexteriores.svg.