NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Belleza Coral, un podcast de negocios, usando HTML puro + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Emplea la siguiente paleta: #000000 (negro fondo), #FFFFFF (blanco texto), #0FF0FC (neón azul), #1A1A1A (gris oscuro). Tipografía: Inter (Google Fonts) para todo el cuerpo y headings, peso 400‑700.
Estructura:
- <header class="fixed w-full bg-black text-white" role="banner"> con logo SVG a la izquierda, enlaces Home, Episodes, About y un dropdown "Pages" con enlaces a Home, Episodes, Episode (single), About, Contact, Style Guide, Changelog, Instructions, 404. A la derecha, botón "Subscribe" y menú hamburger para móvil.
- Hero de pantalla completa (100vh) con clase "bg-black" y overlay gradiente, grid de dos columnas: izquierd
4.254 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.254 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 Navbar fijo con logo, enlaces y botón Suscribirse
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Íconos de plataformas de streaming
- 1.4 Imagen de fondo con overlay
- 1.5 Bloque "Latest Episode" con encabezado y botón
- 1.6 Lista de episodios recientes (dos items)
EPISODES
- 2.1 Lista completa de episodios en formato grid
- 2.2 Filtro o paginación (implícito)
ABOUT
- 3.1 Información del podcast y del equipo
CONTACT
- 4.1 Formulario de contacto y datos de empresa
UTILITY PAGES
- 5.1 Style Guide, Changelog, Instructions, 404 (páginas auxiliares)
PROMPTS RELACIONADOS · BEAUTY / SPA
