NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo en un único archivo HTML que reproduzca el diseño visual y la estructura de la página analizada, pero usando la marca ficticia Finova Suite. Utiliza Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) para interactividad mínima (menú móvil, carrusel de logos y acordeón de FAQ).
- Paleta de colores: principal #0A2540 (azul marino), secundario #1E3A8A (azul intenso), acento #3B82F6 (azul claro), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris oscuro), texto secundario #6B7280 (gris medio).
- Tipografía: Headings con "Inter" (sans-serif) y body con "Roboto" (sans-serif). Usa tamaños h1 3rem, h2 2.25rem, h3 1.75rem, texto base 1rem.
- Header (navbar): fondo blanco, logo a la izquierda, menú horizontal con enlaces Home, Features, Pricing, About,
4.092 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.092 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 Barra de navegación con logo, menú principal y botones de acceso/registro
- 1.2 Hero: etiqueta informativa, titular con énfasis, subtítulo, botón principal y imagen combinada
- 1.3 Sección de confianza: texto introductorio y carrusel de logos de clientes
- 1.4 Cómo funciona: subtítulo decorado, título principal, cuadrícula de 4 tarjetas explicativas con icono, título y breve descripción
FEATURES
- 2.1 Encabezado de página con título y descripción breve
- 2.2 Lista de características en tarjetas tipo grid, cada una con icono, título y texto
- 2.3 Llamada a la acción al final de la sección
PRICING
- 3.1 Encabezado de precios con título y texto de apoyo
- 3.2 Tabla comparativa de planes: nombre, precio ficticio, lista de beneficios, botón de selección
- 3.3 Preguntas frecuentes en accordión
ABOUT
- 4.1 Sección de historia con imagen y texto descriptivo
- 4.2 Equipo: cuadrícula de perfiles con foto, nombre, puesto y breve bio
- 4.3 Valores de la empresa en tarjetas
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.2 Información de contacto: dirección, teléfono, email
- 5.3 Mapa incrustado
FOOTER
- 6.1 Enlaces rápidos a secciones principales
- 6.2 Iconos de redes sociales
- 6.3 Texto de derechos de autor y política de privacidad
PROMPTS RELACIONADOS · SAAS / STARTUP
