NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Artesía Studio" (educación creativa) usando solo un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (inline o script separado dentro del mismo archivo). El proyecto debe reproducir fielmente la estructura y el estilo visual del diseño analizado:
- **Paleta de colores**: primaria #025BE6 (azul), secundaria #FF5C3B (naranja), acento rosado #FFADB8, fondo principal #FDF9F5 (crema), texto principal #222222 (gris negro), blanco #FFFFFF.
- **Tipografía**: encabezados en "Inter" (sans‑serif) peso 700, cuerpo en "Inter" peso 400. Carga las fuentes desde Google Fonts.
- **Header**: barra de navegación fija, logo SVG a la izquierda, enlaces horizontales (Sobre Nosotros, Clases, Horarios, Contacto) y botón de llamada telefón
4.276 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.276 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, enlaces (Sobre Nosotros, Clases, Horarios, Contacto) y botón de llamada telefónica
- 2.1 Hero: título dividido en tres líneas, párrafo descriptivo, botón CTA "Reserva tu primera clase", ilustración SVG compuesta de formas geométricas y anima‑ciones, elemento decorativo con círculos y triángulos
- 3.1 Valores: encabezado "Nuestros valores" y lista de tarjetas (4) cada una con ícono SVG, título y breve texto
- 4.1 Footer: logo pequeño, menú de enlaces rápidos, icono de teléfono y correo, enlaces a política de privacidad y redes sociales
ABOUT
- 1.1 Header igual que en Home
- 2.1 Imagen o ilustración grande, texto descriptivo de la escuela, misión y visión
- 3.1 Equipo (tarjetas con foto y bio) opcional
- 4.1 Footer idéntico al de Home
CLASSES
- 1.1 Header común
- 2.1 Grid de tarjetas de clases con imagen, título, breve descripción y botón "Ver detalle"
- 3.1 Filtro o tabs por categoría (pintura, cerámica, tejido, etc.)
- 4.1 Footer
SCHEDULES
- 1.1 Header común
- 2.1 Tabla de horarios con columnas: Clase, Día, Hora, Instructor, botón "Reservar"
- 3.1 Filtro por día o por tipo de clase
- 4.1 Footer
CONTACT
- 1.1 Header común
- 2.1 Formulario de contacto (nombre, email, asunto, mensaje) + mapa estático de ubicación
- 3.1 Información de contacto: teléfono, email, dirección
- 4.1 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
