NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Armonía Coral (armoniacoral.com) siguiendo el estilo visual del template analizado. Utiliza HTML5 + Tailwind CSS CDN + JavaScript vanilla en un único archivo.
Paleta de colores:
- Fondo principal: #111111
- Fondo secundario: #1A1A1A
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Acento primario: #FF5722
- Acento secundario: #00C8B4
Tipografía:
- Encabezados: 'Inter', sans-serif, peso 700
- Cuerpo: 'Inter', sans-serif, peso 400
Estructura:
1. Header fijo con logo (SVG placeholder), menú horizontal (Episodes, Reviews, Blog, Contact), dropdown "Escuchar en" con enlaces a Apple Podcasts, Google Podcasts, Spotify, y botón de compra estilo primario.
2. Hero full‑width con título grande, subtítulo, botón primario "Suscribir
4.052 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.052 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ú y botón de compra
- 1.2 Hero con título, subtítulo, botones CTA y badge de plataformas
- 1.3 Estadísticas de audiencia
- 1.4 Categorías destacadas
- 1.5 Promoción de crear podcast propio + checklist
- 1.6 Catálogo de últimos episodios + filtros de categoría
- 1.7 Footer con enlaces y redes sociales
EPISODES
- 1.1 Lista de episodios en tarjetas con imagen, fecha, duración y botón reproducir
- 1.2 Paginación inferior
REVIEWS
- 1.1 Lista de reseñas o artículos relacionados con podcasts
- 1.2 Formulario de envío de review
BLOG
- 1.1 Entradas de blog en formato de cuadrícula
- 1.2 Sidebar con categorías y suscripción al newsletter
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Información de contacto y mapa integrado
PROMPTS RELACIONADOS · BEAUTY / SPA
