NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Academia Jade (agencia digital) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es replicar el diseño visual y la estructura de la plantilla analizada sin copiar texto original.
ALCANCE:
- Página HOME y páginas secundarias: ABOUT, SERVICES, PROJECTS, SHOP, CONTACT.
- Cabecera fija con logo SVG, menú horizontal (Home, About, Services, Projects, Pages dropdown con Shop, Blog, Style guide, Licenses, Changelog, 404, 401), botón "Contact" estilo botón primario y mini‑carrito que muestra número de ítems.
- Footer con cuatro columnas: Navegación principal, Enlaces rápidos, Información de contacto, Redes sociales (iconos SVG). Incluye copyright y enlace a política de privacidad.
- Paleta de colores: #FF
4.140 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.140 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 fija con logo, menú principal, botón de contacto y mini‑carrito
- 1.2 Hero con fondo claro, título grande, subtítulo y botones de acción
- 1.3 Bloque de presentación breve con texto y enlazado a la página "Sobre nosotros"
- 1.4 Galería de proyectos destacados en cuadrícula responsive
- 1.5 Sección de servicios con iconos y descripciones breves
- 1.6 Testimonios en carrusel automático
- 1.7 Llamada a la acción final con formulario de suscripción
- 1.8 Pie de página con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera idéntica a la home
- 2.2 Título "Sobre Academia Jade" y texto descriptivo
- 2.3 Equipo con fotos y breves biografías
- 2.4 Valores y metodología en bloques horizontales
- 2.5 CTA para contactar
- 2.6 Pie de página común
SERVICES
- 3.1 Cabecera idéntica
- 3.2 Listado de servicios en tarjetas con icono, título y descripción
- 3.3 Caso de estudio destacado
- 3.4 CTA a la tienda de recursos
- 3.5 Pie de página
PROJECTS
- 4.1 Cabecera idéntica
- 4.2 Galería filtrable de proyectos con categorías
- 4.3 Cada proyecto abre detalle (imagen, descripción, cliente)
- 4.4 CTA para solicitar presupuesto
- 4.5 Pie de página
SHOP
- 5.1 Cabecera idéntica con carrito visible
- 5.2 Lista de productos en cuadrícula con miniatura, título, precio y botón "Añadir"
- 5.3 Filtro por categoría y barra de búsqueda
- 5.4 Modal del carrito con resumen y botón de checkout
- 5.5 Pie de página
CONTACT
- 6.1 Cabecera idéntica
- 6.2 Formulario de contacto (nombre, email, asunto, mensaje)
- 6.3 Mapa incrustado y datos de localización
- 6.4 Pie de página
PROMPTS RELACIONADOS · EDUCATION
