NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa usando HTML5, TailwindCSS (CDN) y JavaScript vanilla en un único archivo. La marca ficticia es **Market Perla** (dominio marketperla.com, claim "Herramientas sencillas para crear y compartir tu mundo").
**Objetivo**: reproducir el diseño estructural y visual de un portal creativo que combina contenido editorial y una tienda online. No copiar textos ni imágenes del original; generar contenido original en español de España.
**Paleta de colores**:
- Primary: #1E3A8A (azul profundo)
- Accent: #F59E0B (ámbar)
- Background: #F9FAFB (gris muy claro)
- Text primary: #111827 (gris casi negro)
- Text secondary: #6B7280 (gris medio)
**Tipografía**: Inter (cargar desde Google Fonts) para todo el texto, con pesos 400, 600 y 700.
**Header** (sticky, z‑20, bg‑white, shado
5.040 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.040 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, menú principal, botón búsqueda, carrito y enlace de registro
- 1.2 Hero principal con título llamativo, subtítulo y botón call‑to‑action
- 1.3 Sección de destacados con tres tarjetas que resaltan podcast, blog y comunidad
- 1.4 Grid de productos destacados con imagen, nombre, precio y botón añadir al carrito
- 1.5 Área de testimonios con carrusel de citas
- 1.6 Llamada a la acción para suscribirse a la newsletter
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
PODCAST
- 2.1 Lista de episodios con miniatura, título, duración y botón reproducir
- 2.2 Barra lateral con filtros por categoría y búsqueda
ABOUT US
- 3.1 Texto descriptivo con foto del equipo
- 3.2 Valores de la marca en tarjetas icónicas
BLOG
- 4.1 Grid de artículos con imagen, título, extracto y fecha
- 4.2 Paginación inferior
PRODUCTOS
- 5.1 Lista de productos en cuadrícula, cada uno con imagen, nombre, precio y botón comprar
- 5.2 Filtro por tipo y orden
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa integrado y datos de dirección
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO