NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página usando HTML5, Tailwind CSS vía CDN y JavaScript vanilla (un único archivo). La marca es EcoPod Studio, dominio ecopodstudio.com, claim "Herramientas sencillas para producir tu voz".
Paleta de colores:
- Primario: #1E3A8A (azul oscuro)
- Secundario: #3B82F6 (azul brillante)
- Fondo: #F9FAFB (gris muy claro)
- Texto principal: #111827 (gris casi negro)
- Texto secundario: #6B7280 (gris medio)
Tipografía: Inter (Google Fonts), tamaños: h1 3rem, h2 2rem, h3 1.5rem, párrafo 1rem.
Estructura:
1. Header (navbar) fijo, fondo blanco, sombra ligera, logo a la izquierda, menú de navegación derecho con enlaces: Home, Sobre, Episodios, Blog, Precio, Contacto, Registro, Acceso. En móvil, colapsar en botón de hamburguesa.
2. Hero section: grid de dos colum
4.110 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.110 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 y menú principal (links Home, Sobre, Episodios, Blog, Precio, Contacto, Registro, Acceso)
- 1.2 Hero: título grande, párrafo descriptivo, botones "Suscribirse" y "Último episodio", métricas de oyentes y suscriptores, imagen ilustrativa a la derecha
- 1.3 Logos de confianza: carrusel de logos de marcas/usuarios
- 1.4 Sobre nosotros: grid con imagen a la izquierda, texto explicativo a la derecha
- 1.5 Últimos episodios: tarjetas con miniatura, título y breve descripción
- 1.6 CTA de suscripción: botón destacado y texto breve
- 1.7 Footer: columnas de enlaces (Producto, Empresa, Recursos, Legal) y redes sociales
ABOUT
- 1.1 Cabecera común
- 1.2 Imagen grande y texto profundo sobre la misión
- 1.3 Equipo o timeline (no detallado en código fuente)
EPISODES
- 1.1 Lista de episodios con filtros y paginación
- 1.2 Cada episodio como tarjeta con imagen, título, duración y botón reproducir
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y enlace
CONTACTS
- 1.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
SIGN‑UP
- 1.1 Formulario de registro con email y contraseña
SIGN‑IN
- 1.1 Formulario de acceso con email y contraseña
PROMPTS RELACIONADOS · BELLEZA / SPA
