NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en un único archivo HTML que reproduzca el diseño analizado, usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Glow Polar (dominio glowpolar.com). Alcance: homepage, about, podcast, store, cart (sidebar), contact y footer, con todas las secciones descritas.
---
**Paleta de colores**
- Fondo principal: #111111
- Texto claro: #F5F5F5
- Verde acento: #A3E635
- Gris medio: #7F7F7F
- Azul oscuro del menú: #1E3A8A
**Tipografía**
- Fuente primaria: Inter (sans-serif) – cargar desde Google Fonts.
- Fuente secundaria para encabezados: "Space Grotesk" (sans-serif).
**Header**
- Navbar fija, fondo blanco con opacidad 0.9, logo a la izquierda, menú central con enlaces grandes (Home, About, Podcast, Video Podcast), menú secundario a la derecha (Store, Do
5.033 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.033 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 superior (logo, menú, carrito, idioma)
- 1.2 Preloader animado (contadores y efecto ripple)
- 1.3 Hero principal (título, subtítulo, botones CTA)
- 1.4 Galería de mockups (grid 3‑col, enlaces a páginas)
- 1.5 Footer (dirección, email, enlaces legales, derechos)
ABOUT
- 2.1 Header compartido
- 2.2 Bloque de presentación del proyecto con imagen y texto
- 2.3 Equipo o valores en columnas
- 2.4 CTA a tienda o podcast
- 2.5 Footer compartido
PODCAST
- 3.1 Header compartido
- 3.2 Lista de episodios en formato tarjeta con imagen, título y botón reproducir
- 3.3 Reproductor destacado fijo en la parte superior
- 3.4 Sección de suscripción al boletín
- 3.5 Footer compartido
STORE
- 4.1 Header compartido
- 4.2 Grid de productos con imagen, nombre y precio
- 4.3 Filtro por categorías lateral
- 4.4 Botón añadir al carrito en cada tarjeta
- 4.5 Footer compartido
CART
- 5.1 Sidebar derecho del carrito con lista de ítems, cantidad editable y total
- 5.2 Botón de checkout y mensaje de envío gratuito
- 5.3 Footer compartido
CONTACT
- 6.1 Header compartido
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Mapa o ilustración de ubicación
- 6.4 Footer compartido
PROMPTS RELACIONADOS · BELLEZA / SPA
