NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página para la marca ficticia "Belleza Cobalto" (podcast de conversaciones y reflexiones). Usa HTML + Tailwind CDN + JavaScript vanilla en un único archivo. Paleta de colores: fondo #FAFAFA, primary #1A202C, accent #D97706, texto principal #2D3748, texto secundario #718096. Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas importadas desde Google Fonts.
HEADER: barra de navegación fija con logo textual "Belleza Cobalto" (fuente Inter, negrita, color primary). Enlaces ancla: Episodios, Sobre mí, Suscríbete. Ícono de menú hamburguesa que abre/cierra en móvil.
SECCIONES:
1. HERO: sección a pantalla completa con imagen de fondo difuminada (URL placeholder) y overlay semi‑transparente. Texto centrado: "Hola, soy Luna, tu anfitriona ligerame
3.974 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.974 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 Hero con imagen de fondo y tagline
- 2.1 Navegación fija con logo y enlaces ancla
- 3.1 Lista de episodios con miniatura, número y título
- 4.1 Bloque "Sobre mí" con texto y fotos decorativas
- 5.1 Métricas mensuales y botón de episodio destacado
- 6.1 Testimonios en pestañas con imagen y cita
- 7.1 Llamada a la suscripción (CTA)
EPISODIOS
- 1.1 Vista en cuadrícula de episodios (imagen, número, título, botón reproducir)
SOBRE
- 1.1 Texto introductorio del anfitrión con imágenes intercaladas
METRICAS
- 1.1 Estadísticas mensuales, número de oyentes y episodios
TESTIMONIOS
- 1.1 Slider/tab con foto del oyente, cita y nombre
CTA
- 1.1 Botón destacado para suscribirse al newsletter
PROMPTS RELACIONADOS · BEAUTY / SPA
