Tanda
Características principales
Elegancia editorial peso 300 inspirada en Stripe: lienzo blanco, titulares navy, acento púrpura (#533afd)
Combinación Source Sans 3 (ss01) + Source Code Pro con numerales tabulares
Hero dividido con mock de dashboard de la caja y anillo SVG animado
Simulador interactivo de caja: sliders calculan tamaño, mes de pago y progreso del anillo
Secciones: banda de confianza, timeline de 3 pasos, panel oscuro, testimonios, precios, FAQ
i18n en 6 idiomas con cambio instantáneo y metadatos SEO traducidos
Descripción
Tanda es una landing page fintech de tandas de ahorro rotativo digitalizadas (ROSCA), que emula la elegancia editorial de Stripe con peso 300: lienzo blanco, titulares azul marino (#061b31), acento púrpura Stripe (#533afd), sombras azuladas en capas y radios de 4-8px. Source Sans 3 (ss01) + Source Code Pro. Secciones: hero dividido con mock de dashboard de la caja (anillo SVG animado), banda de confianza, timeline de 3 pasos, panel oscuro de producto con gráfico, simulador interactivo de caja (sliders + anillo), testimonios de comunidad, precios de dos niveles, acordeón FAQ y CTA. Estrategia de color Comprometida, i18n en 6 idiomas, modo oscuro/claro, animaciones de anillo y botón magnético con fallbacks de reduced-motion.
Tecnologías utilizadas
HTML
CSS
JavaScript