
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "AuraVital" (servicios de bienestar integral) usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura del sitio analizado, sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores: #2A7F9E (azul profundo), #84C7C1 (turquesa suave), #F5F5F5 (gris claro), #FFFFFF (blanco), #333333 (texto oscuro). Tipografía: "Inter" para encabezados y "Source Sans Pro" para cuerpo, importadas desde Google Fonts.
**Header**: barra fija con logo de texto "AuraVital", menú horizontal con enlaces Home, Sobre Nosotros, Servicios, Precios, Eventos, Equipo, Blog y un dropdown "Más" que contiene Contacto, Carreras y Política de Privacidad. En móvil, colapsa a íco
4.368 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.368 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 y menú
- 2.1 Hero con título, subtítulo, botón y fondo ilustrativo
- 3.1 Beneficios en tres columnas con iconos
- 4.1 Servicios en tarjetas con imágenes y descripciones
- 5.1 Testimonios en carrusel
- 6.1 Galería de fotos en cuadrícula
- 7.1 Formulario de suscripción newsletter
- 8.1 Footer con datos de contacto y enlaces
ABOUT
- 1.1 Header interno con breadcrumbs
- 2.1 Imagen destacada + texto institucional
- 3.1 Misión, visión y valores en bloques
- 4.1 Equipo en tarjetas con foto y cargo
- 5.1 CTA a contacto
SERVICE
- 1.1 Header interno
- 2.1 Lista de servicios con iconos y descripción ampliada
- 3.1 Beneficios asociados
- 4.1 Preguntas frecuentes en acordeón
- 5.1 CTA a reserva
PRICING
- 1.1 Header interno
- 2.1 Tabla comparativa de planes en tres columnas
- 3.1 Listado de características por plan
- 4.1 Botón de selección
EVENT
- 1.1 Header interno
- 2.1 Calendario de próximos eventos
- 3.1 Detalle de cada evento con imagen y descripción
- 4.1 Formulario de inscripción
TEAM
- 1.1 Header interno
- 2.1 Galería de miembros con foto, nombre y cargo
- 3.1 Enlace a perfil detallado
BLOG
- 1.1 Header interno
- 2.1 Lista de artículos con tarjeta (imagen, título, extracto)
- 3.1 Paginación
- 4.1 Sidebar con categorías y búsqueda
CONTACT
- 1.1 Header interno
- 2.1 Formulario de contacto completo (nombre, email, mensaje)
- 3.1 Mapa incrustado
- 4.1 Información de localización y horarios
PROMPTS RELACIONADOS · SALUD Y MEDICINA