NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño de Aula Jade, estudio creativo, usando solo un archivo HTML que cargue Tailwind CSS desde CDN y JavaScript vanilla para interactividad mínima (menú móvil, modal de carrito). Mantén la siguiente paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #FF6F61 (accento), #F4F4F4 (gris claro), #1A1A1A (texto oscuro). Tipografía: 'Inter' para títulos y cuerpo, con peso 400/600.
Estructura y bloques:
1. Header fijo con logotipo a la izquierda, menú centrado (Home, About, Services, Projects, Blog, Pages dropdown con enlaces internos), botón "Get a Quote" visible en escritorio y oculto en móvil, y icono de carrito con contador. El menú colapsa en un botón hamburguesa en móvil que despliega un panel lateral.
2. Hero: sección a pantalla
3.988 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.988 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 Encabezado fijo con logotipo, menú y carrito
- 2.1 Hero con título, subtítulo y botón principal
- 3.1 Bloque de servicios en tres columnas con íconos y descripciones
- 4.1 Galería de proyectos en cuadrícula responsive
- 5.1 Últimas entradas del blog en tarjetas
- 6.1 Llamada a la acción "Solicita una cotización"
- 7.1 Footer con datos de contacto, menú rápido y redes sociales
ABOUT
- 1.1 Encabezado heredado
- 2.1 Sección de presentación con foto y texto descriptivo
- 3.1 Timeline de experiencia profesional
- 4.1 Testimonios en carrusel
- 5.1 Footer
SERVICES
- 1.1 Encabezado heredado
- 2.1 Lista de servicios con icono, título y breve descripción
- 3.1 Precio placeholder y botón de contacto
- 4.1 Footer
PROJECTS
- 1.1 Encabezado heredado
- 2.1 Filtro por categoría
- 3.1 Galería de proyectos en tarjetas ampliables
- 4.1 Footer
BLOG
- 1.1 Encabezado heredado
- 2.1 Lista de artículos con imagen, título, extracto y fecha
- 3.1 Paginación simple
- 4.1 Footer
CART
- 1.1 Modal de carrito con lista de productos, cantidades y totales
- 2.1 Botón de checkout
- 3.1 Footer minimalista
PROMPTS RELACIONADOS · EDUCATION
