NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia CifraNova (consultoría fintech y legal) usando un único archivo HTML con Tailwind CSS desde CDN y JavaScript vanilla. La web debe reproducir el diseño analizado:
- **Paleta de colores**: #0A2240 (azul marino), #1E3A8A (azul intenso), #F3F4F6 (gris claro), #111827 (gris oscuro), #FFFFFF (blanco).
- **Tipografía**: *Inter* para títulos y *Roboto* para cuerpo, ambas importadas desde Google Fonts.
- **Header**: barra fija con fondo ligeramente translúcido, logo a la izquierda, menú principal centrado con enlaces Home, Pages (dropdown con 4 opciones de Home y 2 de About), Features, Pricing, Customers, Contact. En el extremo derecho un botón destacado "Book a Demo" con estilo primario. Incluye efecto hover y transición suave.
- **Hero**: sec
4.254 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.254 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 fija con logo, menú principal y dropdowns
- 1.2 Hero con título, subtítulo y botón de llamada a la acción
- 1.3 Bloque de tarjetas de características con iconos
- 1.4 Sección de clientes con logos alineados horizontalmente
- 1.5 Testimonios en carrusel automático
- 1.6 Formulario de suscripción al boletín
- 1.7 Footer con enlaces de navegación, política de privacidad y datos de contacto
ABOUT
- 1.1 Encabezado con imagen de fondo y texto introductorio
- 1.2 Historia de la empresa en formato de columnas
- 1.3 Valores corporativos con íconos
- 1.4 Equipo destacado con fotos circulares
- 1.5 CTA para descargar folleto
- 1.6 Footer estándar
FEATURES
- 1.1 Lista de funcionalidades con iconografía y descripción breve
- 1.2 Comparativa de planes en tabla responsive
- 1.3 Integraciones destacadas con logos de partners
- 1.4 CTA de prueba gratuita
- 1.5 Footer estándar
PRICING
- 1.1 Tabla de precios con tres columnas y detalle de beneficios
- 1.2 FAQ accordion
- 1.3 Testimonios secundarios
- 1.4 CTA de contacto
- 1.5 Footer estándar
CUSTOMERS
- 1.1 Galería de logos de clientes
- 1.2 Caso de estudio destacado con imagen y texto
- 1.3 Slider de reseñas
- 1.4 CTA para solicitar demo
- 1.5 Footer estándar
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 1.2 Mapa incrustado de ubicación
- 1.3 Información de contacto y horarios
- 1.4 Links a redes sociales
- 1.5 Footer estándar
PROMPTS RELACIONADOS · EDUCACIÓN
