NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera un único archivo HTML autocontenido (HTML + Tailwind vía CDN + JS vanilla, sin frameworks externos) para la home de una startup ficticia llamada **Saldora Pay**, una plataforma SaaS de pagos digitales para negocios y profesionales en España. Dominio: saldorapay.com. Email de contacto: hola@saldorapay.com. Año: 2025. Claim: "Cobra, paga y concilia desde un mismo panel".
No uses imágenes externas reales: utiliza placeholders de https://placehold.co con tonos coherentes y SVG inline para logos, iconos y mockups simulados.
## Estética y sistema visual
- Tema oscuro premium fintech.
- Paleta:
- Fondo principal #0B0D10
- Fondo secundario #14171C
- Superficies/tarjetas #1A1E25 con borde sutil #2A2F38
- Texto principal #F4F5F7
- Texto secundario #9AA0AB
- Acento primario lima
6.660 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.660 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Header fijo con menú overlay
- 1.2 Hero con titular XXL y mockup dashboard
- 1.3 Tira de logos partners
- 1.4 Bloque producto dos columnas con tarjeta
- 1.5 Grid 3 columnas de características
- 1.6 Métricas con contadores animados
- 1.7 Integraciones grid circular
- 1.8 Tabs de casos de uso
- 1.9 Carrusel de testimonios
- 1.10 Planes 3 tarjetas
- 1.11 FAQ acordeón
- 1.12 CTA final ancho completo
- 1.13 Footer oscuro con newsletter
PRODUCTOS
- 2.1 Header
- 2.2 Hero secundario con breadcrumb y titular
- 2.3 Grid de módulos del producto (Cobros, Enlaces de pago, Suscripciones, Conciliación)
- 2.4 Detalle alterno izquierda/derecha por módulo con visual
- 2.5 Tabla comparativa de funciones
- 2.6 CTA final
- 2.7 Footer
SOBRE NOSOTROS
- 3.1 Header
- 3.2 Hero con misión y foto ambiente
- 3.3 Bloque historia con timeline vertical
- 3.4 Métricas de empresa
- 3.5 Grid de equipo con foto y rol
- 3.6 Valores en 4 tarjetas
- 3.7 CTA empleo
- 3.8 Footer
PRECIOS
- 4.1 Header
- 4.2 Hero precios con toggle mensual/anual
- 4.3 Tres tarjetas de planes destacando la central
- 4.4 Tabla comparativa detallada
- 4.5 FAQ específico de precios
- 4.6 CTA final
- 4.7 Footer
BLOG
- 5.1 Header
- 5.2 Hero blog con artículo destacado
- 5.3 Filtros por categoría tipo pills
- 5.4 Grid 3 columnas de artículos
- 5.5 Paginación
- 5.6 Newsletter inline
- 5.7 Footer
CONTACTO
- 6.1 Header
- 6.2 Hero contacto a dos columnas: formulario izquierda, datos derecha
- 6.3 Bloque de oficinas con tarjetas
- 6.4 Mapa embebido
- 6.5 FAQ contacto
- 6.6 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO