NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Market Pizarra (marketpizarra.com) cuyo objetivo es mostrar portafolio y vender productos digitales. Usa solo un archivo HTML con Tailwind CDN y JavaScript vanilla. Sigue estas especificaciones visuales y estructurales:
- Paleta de colores: fondo #F9FAFB, primario #1E3A8A (azul marino), secundario #F59E0B (amarillo dorado), acentos #111827 (gris muy oscuro) y textos #374151.
- Tipografía: "Inter" para encabezados y cuerpo, peso 400/600/700 según nivel.
- Header: barra fija con logo (texto Market Pizarra), menú horizontal (Home, About, Services, Projects, Blog, Pages dropdown, Contact), botón “Contact” visible solo en móvil, ícono de carrito con contador oculto cuando vacío.
- Hero: sección full‑width con fondo degradado azul‑gris, título
3.867 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.867 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 Header con logo, menú principal, dropdown y carrito
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Servicios en tres columnas
- 1.4 Proyectos destacados en grid
- 1.5 Blog recent posts en cards
- 1.6 Testimonios carousel
- 1.7 CTA suscripción
- 1.8 Footer con enlaces y redes
ABOUT
- 1.1 Header
- 1.2 Hero enfocado en la historia
- 1.3 Valores en tres bloques
- 1.4 Equipo con fotos y bio
- 1.5 CTA contacto
- 1.6 Footer
SERVICES
- 1.1 Header
- 1.2 Hero con descripción de servicios
- 1.3 Lista de servicios enumerados con iconos
- 1.4 Proceso de trabajo paso a paso
- 1.5 CTA petición de presupuesto
- 1.6 Footer
PROJECTS
- 1.1 Header
- 1.2 Hero con filtro de categorías
- 1.3 Grid de proyectos con hover overlay
- 1.4 Modal de detalle de proyecto
- 1.5 CTA ver más trabajos
- 1.6 Footer
BLOG
- 1.1 Header
- 1.2 Hero con buscador y categorías
- 1.3 Lista de artículos tipo card
- 1.4 Sidebar con últimos posts y tags
- 1.5 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Footer
PROMPTS RELACIONADOS · E-COMMERCE
