NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea desde cero un sitio web para la marca ficticia Escuela Talismán (escuelatalisman.com) usando sólo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del sitio de referencia pero con contenido original en español de España.
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #FFA956 (ámbar vibrante), #1A1A1A (gris oscuro), #E5E5E5 (gris claro).
- Tipografía: "Inter" para títulos y párrafos, pesos 400, 600, 800. Cargar desde Google Fonts.
HEADER:
* Barra de navegación fija con logo a la izquierda, menú desplegable "Menú" con enlaces a #hero, #services, #portfolio, #pricing, #faq, #contact. Botón de llamada a la acción "Reserva ahora" a la derecha.
* Fondo transparente sobre hero, sombra ligera al hacer scroll.
HOME (
4.990 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.990 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 Hero con título, subtítulo, botón y métricas.
- 2.1 Servicios en tarjetas con iconos y badges.
- 3.1 Portafolio de proyectos en grid.
- 4.1 Precios con tres planes.
- 5.1 FAQ en acordeón.
- 6.1 Footer con datos de empresa y enlaces.
SERVICES
- 1.1 Encabezado de sección Servicios.
- 2.1 Lista de tarjetas de servicio (Brand Identity, Product Marketing, Social Media, etc.).
PORTFOLIO
- 1.1 Galería de proyectos con imágenes y etiquetas.
PRICING
- 1.1 Tabla de planes (Básico, Pro, Premium) con características y botones.
FAQ
- 1.1 Lista de preguntas y respuestas colapsables.
CONTACT
- 1.1 Formulario de contacto sencillo (nombre, email, mensaje) y botón enviar.
FOOTER
- 1.1 Bloque de logo, descripción breve, enlaces rápidos y redes sociales.
PROMPTS RELACIONADOS · EDUCATION
