Resend®

Lenguaje Visual Centrado en Desarrolladores

• Sofisticado modo oscuro predeterminado con estética limpia y minimalista
• Naranja-rojo característico (#E53E3E) usado en CTAs, indicadores de estado y estados activos — comunica fiabilidad y acción
• Jerarquía visual clara para documentación API, panel y flujos de integración
• Indicadores de confianza: insignias de estado, confirmación de entrega y estados de verificación
• Integración fluida con componentes UI hermosos y amigables para desarrolladores

Tipografía y Legibilidad

• Pila de fuentes sans-serif limpia para rendimiento y legibilidad óptimos (inspirada en Inter)
• Altura de línea ajustada y limpia (1.4-1.5) para visualización de información densa
• Jerarquía de encabezados clara con pesos y tamaños distintos para contenido escaneable
• Fuente monoespaciada para bloques de código y ejemplos de API

Arquitectura de Componentes

• Componentes UI limpios y modulares con espaciado consistente (unidad base de 8px)
• Tarjetas y superficies con elevación sutil para organización del contenido
• Interruptores, casillas de verificación y elementos de formulario con retroalimentación visual clara
• Sistema de notificaciones con urgencia escalonada (info, advertencia, éxito, error)
• Bloques de código con resaltado de sintaxis para documentación de desarrolladores

Rendimiento y Accesibilidad

• Diseño ligero con desorden visual mínimo
• Alta relación de contraste para legibilidad (cumple WCAG 2.1 AA)
• Interfaz navegable por teclado para usuarios avanzados
• Soporte para preferencia de movimiento reducido
• Carga rápida e integración fluida

Experiencia Centrada en API

• Documentación API amigable para desarrolladores con ejemplos interactivos
• Componentes pre-construidos hermosos para integración de email
• Panel de estado de entrega y análisis en tiempo real
• Integraciones de terceros (React, Next.js, Node.js, etc.)
• Plantillas de email y herramientas de prueba integradas