NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa en un único archivo HTML para una startup fintech ficticia llamada **Velmora Pay** (velmorapay.com), una plataforma de pagos digitales que ayuda a negocios y particulares a cobrar y pagar online sin fricción. Claim: "Cobrar y pagar sin fricción". Email de contacto: hola@velmorapay.com. Año: 2025. Idioma: español de España, tono claro y directo, sin jerga marketinera, verbos en activo, sin precios concretos inventados (usa rangos o etiquetas tipo "Consultar").
## Stack técnico
- HTML5 single-file autocontenido
- Tailwind CSS vía CDN (script de play.tailwindcss.com o cdn.tailwindcss.com)
- JavaScript vanilla embebido para interacciones
- Fuentes Google Fonts: **Instrument Serif** para titulares destacados (acentos en cursiva) e **Inter** para texto general
- I
7.408 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.408 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 logo y menú overlay iconizado
- 1.2 Hero con titular grande, doble CTA y mockup
- 1.3 Banda de logos de clientes
- 1.4 Bloque de producto con texto + visual alternado
- 1.5 Grid de ventajas clave con iconos
- 1.6 Sección de integraciones sobre fondo oscuro
- 1.7 Bloque de métricas con contadores
- 1.8 Carrusel de testimonios
- 1.9 Sección de planes de precios
- 1.10 FAQ tipo acordeón
- 1.11 CTA final a pantalla completa
- 1.12 Footer oscuro con columnas y newsletter
PRODUCTOS
- 2.1 Header reutilizado
- 2.2 Hero secundario con título de página y breadcrumb
- 2.3 Grid de productos/módulos con tarjetas iconizadas
- 2.4 Bloque detallado por producto alternando lados
- 2.5 Comparativa de funcionalidades en tabla
- 2.6 CTA intermedio
- 2.7 Footer
SOBRE NOSOTROS
- 3.1 Header reutilizado
- 3.2 Hero con título e introducción de la compañía
- 3.3 Bloque de misión y visión a dos columnas
- 3.4 Timeline horizontal con hitos
- 3.5 Grid de equipo con foto, nombre y rol
- 3.6 Bloque de valores con iconos
- 3.7 CTA de incorporación al equipo
- 3.8 Footer
PRECIOS
- 4.1 Header reutilizado
- 4.2 Hero con título de planes
- 4.3 Toggle mensual/anual y tarjetas de planes
- 4.4 Tabla comparativa detallada de funcionalidades
- 4.5 FAQ específico de facturación
- 4.6 CTA final
- 4.7 Footer
BLOG
- 5.1 Header reutilizado
- 5.2 Hero con título de blog y buscador
- 5.3 Filtros por categoría
- 5.4 Grid de artículos con imagen, categoría, título y fecha
- 5.5 Paginación
- 5.6 Newsletter inline
- 5.7 Footer
CONTACTO
- 6.1 Header reutilizado
- 6.2 Hero corto con título e intro
- 6.3 Formulario de contacto a dos columnas con datos de contacto al lado
- 6.4 Mapa o ilustración decorativa
- 6.5 Bloque de oficinas con tarjetas por ciudad
- 6.6 Footer
PROMPTS RELACIONADOS · CORPORATIVO