Sistema de Diseño de PAySA

Base viva de la identidad visual de PAySA: fundamentos de marca, iconografía y componentes listos para armar la landing de la distribuidora y las gráficas de redes. En construcción — se completa a medida que cerramos el logo y sumamos materiales reales.

Estado
🟡 En desarrollo
Versión
v0.2 — Sep 2026
Alcance
Mayorista + detalle · Talagante
Fundamentos · 01

Núcleo de marca

Todo el sistema se deriva de esto. Levantado con el equipo fundador de PAySA.

Posicionamiento

La distribuidora local de la provincia de Talagante. Concepto: "Talagantino compra en Talagante". Para que el comerciante de la zona no deba viajar a Santiago a abastecerse.

Personalidad

Formal y experta. Un socio profesional del comerciante —le da herramientas para vender y profesionalizar su gestión—, no "el amigo del barrio".

Atributos

Transparencia en los precios · Excelencia en el servicio · Confianza · Arraigo local.

Diferenciación

Surtido amplio, promociones que ayudan a surtir la tienda del comerciante y reposición al día siguiente dentro de la provincia.

Fundamentos · 02

Paleta de color

Jerarquía por función: cada color cumple un trabajo. Base azul + verde (definición del cliente); el ámbar es acento y está por validar.

Azul autoridad
#123A5B
Primario. Texto, fondos oscuros, navbar.
Verde marca
#2C7A51
Secundario. Acentos, iconografía, sobretítulos.
Ámbar acento
#E0912F · por validar
Detalles y énfasis puntual. Nunca superficie amplia.
Gris cálido
#F4F2EE
Fondo secundario, alterna con blanco.
Tinta texto
#1B2733
Texto principal sobre fondos claros.
Verde conversión
solo botones
Exclusivo de botones de acción.
Fundamentos · 03

Tipografía

Archivo aporta el carácter sólido y profesional en títulos; IBM Plex Sans es la voz neutra y legible del cuerpo.

Títulos · Display
Archivo

Pesos 700 / 800. Interletrado ceñido en títulos grandes.

Cuerpo · Texto
IBM Plex Sans

Pesos 400 / 500 / 600. Interlínea 1.6 para lectura larga.

H1 · 52
Talagantino compra en Talagante
H2 · 34
Por qué elegir a PAySA
H3 · 19
Reposición al día siguiente
Cuerpo · 17
Surtido amplio y precios convenientes para el comerciante de la provincia, sin viajar a Santiago.
Sobretítulo · 12
Distribuidora mayorista
Fundamentos · 04

Espaciado y grilla

Escala base 8. Contenido limitado a 1080–1120 px; respira 22 px en móvil, 56 px en desktop.

8 px
16 px
24 px
32 px
48 px
64 px
96 px
Fundamentos · 05

Botones y CTA

Un solo CTA primario por pantalla visible. El primario siempre lleva el verde de conversión.

Primario
Secundario
Texto
Deshabilitado
Fundamentos · 06

Principios de color

Azul de autoridad como base. Máximo dos fondos por sección (blanco y gris cálido, o blanco y azul). Verde para acentos; verde de conversión solo en botones.

NO

Morado (obispo) y rojo (vetados por el cliente). Degradados decorativos. Verde de conversión fuera de botones. Sobrecargar con muchos colores a la vez.

Marca

Iconografía

Set de línea propio, con un mismo look & feel: trazo parejo, esquinas redondeadas, grilla 24 px. Pensado para landing y gráficas de redes. Funciona en positivo (azul) y en negativo (blanco sobre azul).

Alimento
Mascotas
Granja
Agro / grano
Reparto
Al día siguiente
Precio / promo
Comerciante
Talagante
Confianza
Versión negativa (sobre azul)
Alimento
Mascotas
Granja
Reparto
Talagante
Confianza
Componentes

Hero / cabecera

Banda a sangre con foto real de bodega o reparto, overlay azul, título con la promesa y un solo CTA.

[ FOTO REAL: bodega / reparto — pendiente ]
Distribuidora mayorista · Talagante

Surte tu negocio sin viajar a Santiago

Precios convenientes, surtido amplio y reposición al día siguiente en toda la provincia.

Precios transparentes, sin sorpresas
Reposición al día siguiente en la provincia
Componentes

Tarjetas de categoría

Usan la iconografía del sistema. Una por línea de negocio, con alto igualado.

Mascotas

Alimentos y accesorios para perros, gatos y más.

Ver línea

Granja y agro

Insumos para animales de granja y aves de corral.

Ver línea

Abarrotes

Surtido de abarrotes para surtir la tienda del comerciante.

Ver línea
Componentes

Testimonios (Google)

Cómo se ven las reseñas de Google My Business en la landing o en una gráfica de redes. Textos y nombres de muestra — se reemplazan por las reseñas reales de Google.

4,X ★ en Google
N reseñas · PAySA Talagante
★★★★★

"Excelentes precios y siempre tienen stock. Me ahorro el viaje a Santiago y me llegan al día siguiente."

MG
M. Gonzálezvía Google · muestra
★★★★★

"Atención de primera y me ayudan a surtir el local con las promociones. Muy profesionales."

JR
J. Rojasvía Google · muestra
★★★★★

"Cumplen con lo que prometen. Si no tienen algo, lo traen al otro día. Confianza total."

CP
C. Pérezvía Google · muestra