NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Arquitectura Lira" (dominio arquitecturalira.com, email hola@arquitecturalira.com, claim "Conversaciones que inspiran y conectan"). El proyecto debe estar estructurado en un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente la arquitectura visual del sitio analizado, sin copiar texto literal, usando los siguientes elementos:
- Paleta de colores: fondo #0a0a0a, primario #ff6b35, secundario #f5f5f5, acento #ffd700.
- Tipografía: Inter (sans-serif) para títulos y cuerpo, importada desde Google Fonts.
- Header fijo con logo (texto EcoVoz), menú horizontal (Inicio, Episodios, Sobre, Contacto) y botones de iconos para Apple Podcasts, Spotify, Google Podcasts y SoundCloud.
- Hero section: contenedor de
3.612 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.612 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, navegación y enlaces a plataformas de escucha
- 1.2 Hero con título, subtítulo y botón principal, acompañados de imagen de fondo y tarjeta de reseña flotante
- 1.3 Últimos episodios: grid de tarjetas con imagen, número, título, descripción y botón
- 1.4 Slider de reseñas de oyentes con estrellas y texto
- 1.5 Footer con enlaces de navegación, redes sociales y contacto
EPISODES
- 2.1 Lista de episodios en formato de tarjetas similares a la sección de últimos episodios
- 2.2 Barra lateral con información del podcast y enlaces a plataformas
ABOUT
- 3.1 Texto descriptivo del podcast y del equipo
- 3.2 Imagen de fondo y CTA a suscripción
CONTACT
- 4.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 4.2 Información de contacto y redes sociales
PROMPTS RELACIONADOS · ARCHITECTURE
