NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "NidoLuz" (guardería y tienda de productos educativos) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #2C3E50 (azul marino), #3498DB (azul vibrante), #ECF0F1 (gris claro), #FFFFFF (blanco) y #E74C3C (rojo coral para acentos). Tipografía: encabezados con "Poppins" (Google Fonts) y cuerpo con "Inter".
Estructura:
- **Header** fijado, con logo SVG placeholder, menú horizontal (Home, Pages dropdown, About, Contact) y botón de carrito con contador. El dropdown muestra enlaces a Home, Home 2, About, Programs, Classes, Blog, Team, Gallery, Pricing, Contact, y enlaces de detalle.
- **Hero** ocupa viewport completo, fondo degradado azul y texto centrado: título grande, subtítulo,
3.838 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.838 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 Cabecera con logo, menú principal, dropdown y carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Cuadro de servicios destacados (3 columnas)
- 1.4 Testimonios en carrusel
- 1.5 Galería de fotos en cuadrícula
- 1.6 Formulario de suscripción al boletín
- 1.7 Pie de página con enlaces y redes sociales
ABOUT
- 2.1 Cabecera (heredada)
- 2.2 Banner interno con título y texto descriptivo
- 2.3 Historia de la guardería con texto e imagen
- 2.4 Valores y misión en bloques
- 2.5 Equipo destacado con fotos y cargos
- 2.6 Llamada a la acción para contactar
- 2.7 Pie de página
PROGRAMS
- 3.1 Cabecera
- 3.2 Listado de programas en tarjetas con imagen, título y breve descripción
- 3.3 Filtro por edad o categoría
- 3.4 Botón de “Ver más” en cada tarjeta
- 3.5 Sección de precios resumida
- 3.6 CTA de inscripción
- 3.7 Pie de página
CLASSES
- 4.1 Cabecera
- 4.2 Grid de clases con foto, horario y nivel
- 4.3 Modal de detalle de clase (descripción, inscribirse)
- 4.4 Testimonios de padres
- 4.5 CTA de reserva de plaza
- 4.6 Pie de página
BLOG
- 5.1 Cabecera
- 5.2 Lista de artículos con imagen, título, extracto y fecha
- 5.3 Barra lateral con categorías y búsqueda
- 5.4 Paginación
- 5.5 Pie de página
CONTACT
- 6.1 Cabecera
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Mapa incrustado
- 6.4 Información de contacto y horarios
- 6.5 Pie de página
PROMPTS RELACIONADOS · EDUCACIÓN
