← Volver al selector

Sistema de diseño de Arce Conecta

Referencia interna basada en el Manual de Marca 1.0. Azul Arce como único color de acción; los acentos de categoría solo codifican tipos de seguro y nunca reemplazan al color de marca.

Colores

Marca

Azul Arce (primario)

#2F2EA2

Azul Noche

#140E55

Azul suave

#E9E9F8

Grafito

#333333

Gris

#626263

Superficie

#F3F3F3

Categorías (acentos, no reemplazan a la marca)

Personas

#3F8CF4

Empresas

#F43F3F

Campo

#32C775

Ahorro

#F4933F

Estados (extensión provisoria, a validar por Codex)

Éxito

#1B7A44

Alerta

#8A5300

Error

#B3261E

Tipografía

Lato 700 — Títulos y acciones

Lato 600 — Subtítulos y navegación

Roboto 400 — Cuerpo de texto, datos y formularios.

Roboto 500 — Énfasis medio en interfaz.

Roboto 700 — Valores destacados.

Espaciado y radios

4px
8px
12px
16px
24px
32px
radio chico 6px
radio medio 10px

Botones

Una pantalla tiene una sola acción principal en Azul Arce.

Enlace como botón

Etiquetas

NeutralMarcaVigentePor vencerVencidaPersonasEmpresasCampoAhorroIntegración simulada

Los estados nunca dependen solo del color: siempre llevan texto.

Formularios

Tarjetas

Tarjeta genérica

Descripción secundaria en gris accesible.

Contenido de ejemplo.
PersonasPor vencerRenueva en 25 días

Auto · San Cristóbal Seguros

Peugeot 208 Allure 2022 · Patente ZZ 042 AA (ficticia)

Póliza DEMO-AU-004521 · Vigencia hasta 19/09/2026

Estados de carga, vacío y error

Cargando…

Sin resultados

No encontramos pólizas con esos filtros.

Esqueleto

Mensaje de WhatsApp simulado

Grupo Arce Seguros

Para: Lucía Fernández (ficticia)

Simulación

Hola Lucía 👋 Este es un ejemplo de mensaje de servicio de la demo. No se envía a ningún teléfono.

20/08/2026

Vista previa de demostración: este mensaje no se envió ni se va a enviar a ningún teléfono.