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 Armonía Orion (armoniaorion.com). Utiliza HTML5, Tailwind CSS mediante CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #FF5722 (acentos naranja), #212121 (gris oscuro), #E0E0E0 (gris claro). Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas cargadas desde Google Fonts.
Estructura:
- <header> con barra de navegación fija: logo (texto Armonía Orion), enlaces Home, Episodes, About, Blog, Contact, y botón hamburguesa responsive.
- Hero split: columna izquierda con imagen de paisaje amplio (URL placeholder), columna derecha con texto caps "El Podcast Armonía Orion", título H1 "Cómo encontrar sentido en la rutina", párrafo breve, y botón "Escucha ahor
3.251 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.251 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 split con imagen de gran tamaño y texto introductorio
- 1.2 Botón de escucha ahora con icono
- 1.3 Bloque de plataformas de reproducción (Apple, Spotify, etc.) con logo y visualizador de ondas
- 1.4 Footer con enlaces de navegación y datos de contacto
EPISODES
- 2.1 Lista de episodios en grid de tarjetas
- 2.2 Filtro por temática
- 2.3 Reproductor incrustado en cada tarjeta
ABOUT
- 3.1 Texto descriptivo de la historia del podcast
- 3.2 Imagen del equipo
- 3.3 Testimonios en carrusel
BLOG
- 4.1 Lista de artículos con imagen preview
- 4.2 Sidebar con categorías y newsletter
CONTACT
- 5.1 Formulario de contacto simple
- 5.2 Mapa integrado y datos de localización
PROMPTS RELACIONADOS · BEAUTY / SPA
