Fundamento

Línea gráfica NanaGo

Alineada al handoff real de Gabriela (13-sep-2026) — ver handoff-reference/DESIGN_SPEC.md. Personalidad: cálida · confiable · juguetona · profesional · humana.

Plano, no elevado

Fondo crema, superficies blancas y jerarquía por borde fino #EBD9C8 + espacio en blanco. Sin sombras grandes, sin hover-lift, sin gradientes.

Lavanda manda el CTA

El bloque CTA es lavanda sólido #A78BFA con texto blanco (hover #7C5CD6). El coral es acento escaso: corazones y estados "pendiente", nunca botón principal.

Tipografía contenida

Nunito sola, titulares siempre 900, hero clamp(1.8rem,4.5vw,2.6rem). El eje ROND del tablero de marca no se usa en el documento fuente.

Lo que la marca no usa: blobs orgánicos SVG, retículas de puntos, subrayados "scribble", emoji como iconografía principal.

01 · Paleta

Color

Marca

Lavanda#A78BFA · --lavanda · CTA sólido

Coral#FF8DB3 · --coral · acento escaso

Menta#7EDBC6 · --menta

Amarillo#FFD98A · --amarillo

Crema#FFF3E6 · --crema · fondo

Texto#4A4A68 · --texto

Tonos profundos (texto de pills, links, énfasis)

Lavanda deep#7C5CD6 · --lavanda-deep

Coral deep#E85D8A · --coral-deep

Menta deep#2F8F79 · --menta-deep

Amarillo deep#A97A0A · --amarillo-deep

Surface alt#F7ECFB · --surface-alt · destacados

Línea#EBD9C8 · --line · borde universal 1px

Regla de uso (handoff): lavanda sólido = bloque CTA con texto blanco · lavanda-deep = links, eyebrow y énfasis · coral = acento escaso · pills = color-mix(color 25–35%, blanco) con texto en el tono *-deep*.

02 · Tipografía

Nunito — una sola familia

Pesos 400 / 600 / 700 / 800 / 900. Titulares siempre 900 (el handoff no usa el eje variable ROND).

HeroTu hogar merece tranquilidad

H2Tres pasos y listo

H3Cómo funciona

CuerpoConectamos tu familia con nanas verificadas ante la PGR.

EyebrowAgencia de colocación

PequeñoAgencia de colocación · República Dominicana

03 · Componentes

Botones, badges y tarjetas planas

Botones

Badges (color-mix + deep)

Verificación PGR Respuesta inmediata Pago quincenal Acompañamiento

Chips de habilidades

Cuidado de niños Cocina Limpieza

Ejemplo de campo

Tarjetas planas

Blanco + border: 1px solid var(--line) + radio 14–16px. Sin sombra, sin hover-lift. La variante .card-alt usa fondo --surface-alt.

Tarjeta destacada — fondo lavanda muy suave.

04 · Marca

Logo e iconografía real

Logo horizontal oficial — nana + niño con corazón; tagline "Cuidado que te da tranquilidad". Usar en header y footer.

Ícono de app — mismo motivo sobre cuadrado redondeado lavanda. Usar como favicon y avatar de marca.

Íconos lineales (SVG trazo)

Los 5 íconos lineales de marca (hogar, cuidado, confianza, profesionalismo, comunicación) recreados como SVG de trazo fino en --lavanda-deep. Sustituyen a los emojis.

Referencia completa de marca: handoff-reference/assets/tablero-de-marca.jpg y el Branding Book (11 páginas) en la misma carpeta.

← Volver al inicio