NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Token Aurora** (podcast y contenido de audio) siguiendo exactamente el estilo visual y estructural del sitio analizado. Utiliza **HTML5** y **Tailwind CSS vía CDN** en un único archivo, con **JavaScript vanilla** para interactividad (menú hamburguesa, carrusel de testimonios, contador animado y apertura/cierre del carrito).
**Paleta de colores** (usar en Tailwind config inline):
- #0A0A0A (casi negro) → gray-900
- #FFFFFF (blanco) → white
- #FF5722 (naranja vibrante) → orange-600
- #212121 (gris oscuro) → gray-800
- #F5F5F5 (gris claro) → gray-100
**Tipografía**: `Inter` para todo el sitio, importada desde Google Fonts (`<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">`).
4.712 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.712 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 con logo, menú y botón suscripción
- 1.2 Banner hero con título, texto, botones CTA y contador animado
- 1.3 Grid de episodios destacados (imagen, título, autor, botón reproducir)
- 1.4 Carrusel de testimonios (foto, nombre, comentario)
- 1.5 Sección CTA "Únete a la comunidad" con formulario de email
- 1.6 Footer con columnas de enlaces, contacto y redes sociales
ABOUT
- 2.1 Cabecera heredada
- 2.2 Imagen de presentación y texto institucional
- 2.3 Valores de la marca en columnas
- 2.4 Equipo con fotos y biografías breves
- 2.5 CTA de contacto
- 2.6 Footer idéntico al Home
PODCAST
- 3.1 Cabecera
- 3.2 Lista de episodios en lista vertical (imagen, título, duración, botón reproducir)
- 3.3 Filtro por categorías y búsqueda
- 3.4 Paginación simple
- 3.5 Footer
BLOG
- 4.1 Cabecera
- 4.2 Grid de artículos (imagen, título, extracto, fecha, botón leer más)
- 4.3 Sidebar con categorías y últimos artículos
- 4.4 Footer
CONTACT
- 5.1 Cabecera
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Mapa embebido
- 5.4 Información de contacto y redes
- 5.5 Footer
PROMPTS RELACIONADOS · NFT / CRIPTO
