Identidad y aplicaciones / 2026

Claridad
para avanzar.

Un sistema visual para PROSOL y Paga tu Deuda. De la papelería a las campañas, cada pieza habla el mismo idioma.

Propuesta de trabajo · 8 octubre 2026
01 / Fundamento

Una marca que ayuda
a entender y avanzar.

PROSOL aporta el respaldo institucional. Paga tu Deuda acerca el servicio a las personas. La identidad conecta ambas funciones con claridad, respeto y continuidad.

01

Clara

Explicar qué se puede consultar, qué depende de evaluación y cuál es el siguiente paso.

02

Cercana

Hablar de opciones y acompañamiento. Evitar culpa, intimidación y promesas absolutas.

03

Consistente

Una paleta, una familia de iconos y la misma jerarquía de mensajes en todos los canales.

Versión de trabajo v04. Las plantillas con contactos pendientes no están listas para enviar o imprimir. La web queda para una etapa posterior.
02 / Logos originales

Dos formas reconocibles.
Una identidad coordinada.

PROSOL · Institucional

PROSOL · Institucional

Para papelería, firmas, servicios corporativos y relación con empresas. Conservar el rectángulo, separador y descriptor originales.

Paga tu Deuda · Servicio

Paga tu Deuda · Servicio

Para redes, campañas y acceso al servicio. Esta versión del círculo no incluye “.com”; no agregarlo al logo.

Uso correcto

Escalar proporcionalmente. Reservar espacio libre equivalente al 15% del alto como criterio provisional. Colocar sobre una superficie que respete el fondo del archivo original. Seleccionar un logo principal por pieza.

Evitar

No cambiar lettering, colores internos, proporción ni descriptor. No extraer un logo desde las imágenes generadas. No inventar una versión monocroma o un monograma.

Los PNG de esta sección son copias exactas de los originales recibidos. No se han vectorizado. Las imágenes conceptuales pueden aproximar detalles: para producción usar siempre los originales y, cuando esté disponible, el maestro vectorial oficial.

03 / Color y tipografía

Azul que estructura.
Amarillo que orienta.

Paleta de apoyo propuesta. No sustituye los colores de los logos originales.

Azul institucional

#071D59

Títulos, navegación, bloques de marca.

Azul de apoyo

#11266E

Fondos y jerarquías secundarias.

Amarillo acción

#FFB500

Botones con texto azul y acentos.

Fondo claro

#F5F7FB

Superficies y espacio de lectura.

Texto

#24324B

Párrafos, datos y etiquetas.

Soluciones claras.
Un paso a la vez.

Manrope 700 · Títulos. Frases breves, una idea principal y aire alrededor.

Descargar Manrope ↗

Información para decidir

Inter 400 / 600 · Texto, formularios y datos. En interfaces comenzar con 16–18 px y comprobar lectura en móvil.

Descargar Inter ↗

Fuentes descargadas de Google Fonts / Manrope y Google Fonts / Inter. Licencias OFL incluidas. El manual las carga localmente. No se instalaron en tu sistema. Descargar ambas fuentes y licencias en ZIP.

Usar texto azul sobre amarillo y blanco sobre azul. Evitar texto amarillo pequeño sobre blanco. Verde, ámbar y rojo se reservan para estados con etiqueta e icono.
04 / Iconografía

Iconos simples.
Acciones reconocibles.

36 SVG bicolor independientes: trazo azul #071D59 y acentos amarillos #FFB500. Rejilla 24 × 24, trazo base 1.5 y remates redondeados. Los seis principales siguen las formas de la lámina de referencia; el resto amplía esa familia. Usar sobre blanco o fondos claros.

Descargar los 36 SVG bicolor en ZIP

El escudo representa privacidad; no funciona como una certificación. Los iconos de contacto se utilizan junto al dato, no como sustituto del texto.

05 / Sistema gráfico

Círculos, líneas y espacio.

Los círculos, arcos y recorridos curvos conectan fotografía y mensaje. En papelería se usan con discreción; en campañas pueden ganar volumen y luz. Mantener la legibilidad y usar el amarillo como acento principal. Las láminas iniciales se conservan como antecedente de la evolución visual.

Lámina de identidad

Lámina de identidad

Referencia conceptual de la dirección de arte. Para colores exactos usar los códigos y para logos usar los archivos originales.

Set SVG bicolor · Archivos reales

Set SVG bicolor · Archivos reales

Esta vista está renderizada directamente desde los 36 SVG descargables. Los colores y formas coinciden con los archivos del set.

Fotografía: mantener la mujer de la campaña como recurso de continuidad. Las nuevas imágenes con ella son composiciones generadas a partir de la referencia. Antes de publicación, confirmar los derechos de uso de la fotografía de origen.
06 / Papelería · Diseño integral

Identidad en cada detalle.

Cada cara y cada pieza se entrega en una imagen completa. Nombre, cargo y contactos siguen como campos de muestra hasta recibir los datos finales.

Hoja membretada A4

Hoja membretada A4

Centro libre para escribir. Referencia visual de cabecera, pie y recursos gráficos.

Descargar imagen completa ↗
07 / Diseño integral · v04

Una pieza.
Una imagen completa.

Cada propuesta se generó con fotografía, titulares, textos, marca y llamada a la acción integrados en una sola imagen. El HTML únicamente presenta y enlaza los archivos.

Cinco temáticas, con una publicación y una historia independiente por temática. Haz clic en cualquier pieza para verla en su resolución original.

Abre camino

Fotografía panorámica, tipografía protagonista y una cinta que guía la mirada.

Publicación · Abre camino

Publicación · Abre camino

Descargar imagen completa ↗
Historia · Abre camino

Historia · Abre camino

Descargar imagen completa ↗

Recupera tranquilidad

Retrato cercano y curvas suaves para transmitir acompañamiento.

Publicación · Recupera tranquilidad

Publicación · Recupera tranquilidad

Descargar imagen completa ↗
Historia · Recupera tranquilidad

Historia · Recupera tranquilidad

Descargar imagen completa ↗

Ordena tus cuentas

Bodegón con profundidad y recorrido visual entre información y decisión.

Publicación · Ordena tus cuentas

Publicación · Ordena tus cuentas

Descargar imagen completa ↗
Historia · Ordena tus cuentas

Historia · Ordena tus cuentas

Descargar imagen completa ↗

Impulsa tus planes

Retrato integrado, capas orgánicas y contraste de azul y amarillo.

Publicación · Impulsa tus planes

Publicación · Impulsa tus planes

Descargar imagen completa ↗
Historia · Impulsa tus planes

Historia · Impulsa tus planes

Descargar imagen completa ↗

Cierra una etapa

Una puerta iluminada como metáfora de un nuevo comienzo.

Publicación · Cierra una etapa

Publicación · Cierra una etapa

Descargar imagen completa ↗
Historia · Cierra una etapa

Historia · Cierra una etapa

Descargar imagen completa ↗

Volante A6 · Tira y retira

Dos imágenes independientes. Proporción A6 como referencia; preparar medidas, sangrado y perfil de impresión al reconstruir el arte.

08 / Aplicativo · Rediseño visual

Cuatro pantallas.
Una experiencia más clara.

Rediseño de apertura, inicio, acceso y validación de identidad. Cada pantalla está generada como una imagen completa, con la paleta azul y amarilla y formularios de alto contraste.

Abrir galería con comparación antes / después ↗ · Descargar pantallas y galería ZIP

App · Apertura

Apertura

Logo institucional, fondo azul y un indicador discreto de carga. La apertura duplicada se representa con una sola propuesta.

Descargar pantalla completa ↗
App · Inicio

Inicio

Se distingue la validación de identidad del acceso a una cuenta. Se conservan las cinco secciones de navegación de la captura.

Descargar pantalla completa ↗
App · Iniciar sesión

Iniciar sesión

Etiquetas visibles, contraste alto, recuperación de contraseña y acceso al registro. Se evita repetir navegación durante el ingreso.

Descargar pantalla completa ↗
App · Validar identidad

Validar identidad

Se conservan DNI, RUC, carné de extranjería y pasaporte. La muestra de DNI usa ocho dígitos. Los formatos de los demás documentos se definirán en implementación.

Descargar pantalla completa ↗

Se recibieron cinco capturas, con apertura repetida: corresponden a cuatro pantallas distintas. Son propuestas visuales, no pantallas programadas. La web comercial sigue pendiente.

09 / Campañas · Diseño integral

Mensajes con una
composición completa.

Tres piezas independientes con textos y aviso al pie integrados. Conservan a la mujer de referencia. El montaje y envío del correo se harán después.

Da el siguiente paso

Da el siguiente paso

Descargar imagen completa ↗
Otra solución para tu deuda

Otra solución para tu deuda

Descargar imagen completa ↗
Tu carta en 2 horas

Tu carta en 2 horas

Descargar imagen completa ↗
10 / Archivos y siguiente paso

Todo tiene su lugar.

Datos pendientes

Completar los contactos una sola vez permite mantener consistencia en tarjeta, firma y hoja.

Datos de contacto ↗

Estado del kit

Entrega v04: logos originales separados, fuentes, 36 iconos, papelería, redes y tres campañas como imágenes. Pendiente: datos finales y preparación de producción. Las imágenes generadas son referencias raster; para producción reemplazar el logo por el maestro oficial y reconstruir tipografía con las fuentes entregadas.

Índice del proyecto ↗

Las piezas actuales son diseños completos generados en una sola imagen PNG. Los 36 iconos son SVG vectoriales. Los logos siguen siendo PNG originales. El HTML es únicamente el manual de marca.

Paquete completo

Descarga las piezas, el manual y los recursos conservando su estructura de carpetas.

Paquete extraído.