NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Fluxora Capital, una entidad financiera corporativa, usando únicamente HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla. El objetivo es reproducir el diseño visual y la estructura de la plantilla original (header con logo y mega‑dropdown, hero con fondo degradado y CTA, bloques de servicios en tarjetas, contadores animados, testimonios, formulario de captura y footer con varias columnas).
**Requisitos técnicos**
- Archivo único `index.html` que incluya `<script src="https://cdn.tailwindcss.com"></script>` y configure la paleta personalizada.
- Paleta de colores: #0A2240 (azul oscuro), #1E3A8A (azul medio), #3B82F6 (azul claro), #F3F4F6 (gris muy claro), #FFFFFF (blanco).
- Tipografía: `Inter` para cuerpo y `Pop
4.282 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.282 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 con logo y menú mega‑dropdown
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Bloque de servicios (3 columnas, icono + título + descripción)
- 1.4 Métricas (4 contadores animados)
- 1.5 Testimonios (carrusel simple, foto + nombre + texto)
- 1.6 Formulario de captura (email + botón)
- 1.7 Footer con columnas: información, enlaces útiles, contacto, redes sociales
ABOUT
- 1.1 Header (hereda del global)
- 1.2 Hero interno con imagen y texto descriptivo
- 1.3 Historia de la empresa en bloques de texto e imágenes
- 1.4 Valores en tarjetas iconográficas
- 1.5 Equipo destacado (grid de fotos + nombre + cargo)
- 1.6 CTA a contacto
- 1.7 Footer (global)
SERVICES
- 1.1 Header
- 1.2 Hero con listado de servicios
- 1.3 Cada servicio en sección expandible o tarjeta
- 1.4 Caso de éxito destacado
- 1.5 CTA a demo
- 1.6 Footer
CONTACT
- 1.1 Header
- 1.2 Hero con mapa y datos de contacto
- 1.3 Formulario completo (nombre, email, mensaje)
- 1.4 Información de oficina y horarios
- 1.5 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA