NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (un solo archivo HTML) que reproduzca el diseño visual y la estructura del sitio analizado, pero bajo la marca ficticia "Belleza Marea". Usa Tailwind CSS desde CDN y JavaScript vanilla (si es necesario) en el mismo archivo.
**Paleta de colores**
- Primario: #2C3E50 (azul noche)
- Secundario: #E74C3C (rojo coral)
- Fondo claro: #F7F9FC
- Texto principal: #2D2D2D
- Texto secundario: #707070
**Tipografía**
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Fuente de títulos: 'Playfair Display', serif.
**Header**
- Logo a la izquierda (svg placeholder).
- Menú horizontal con enlaces: Inicio, Quiénes somos, Sermones, Eventos, Pastores, Noticias, Contacto.
- Botón destacado "Hablemos" con borde rojo y efecto hover (cambio de fondo a r
4.738 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.738 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, menú y botón
- 2.1 Hero principal
- 3.1 Marquee de logos de colaboradores
- 4.1 Bloque "Quiénes somos" con imágenes
- 5.1 Horarios de servicios
- 6.1 Sermones recientes
- 7.1 Próximos eventos
- 8.1 Pastores
- 9.1 Blog / Noticias
- 10.1 Footer
SCHEDULE
- 1.1 Título de sección y subtítulo
- 1.2 Galería de tres imágenes
- 1.3 Lista de horarios en tarjetas
SERMONS
- 1.1 Título de sección
- 1.2 Grid de tarjetas con miniatura, título, fecha y botón "Escuchar"
EVENTS
- 1.1 Título de sección
- 1.2 Lista de eventos con fecha, lugar y breve descripción
PASTORS
- 1.1 Título de sección
- 1.2 Grid de perfiles con foto, nombre y descripción breve
BLOG
- 1.1 Título de sección
- 1.2 Grid de artículos con imagen, título, extracto y enlace
CONTACT
- 1.1 Formulario de contacto sencillo
- 1.2 Información de dirección, teléfono y redes sociales
FOOTER
- 1.1 Enlaces de navegación principal
- 1.2 Iconos de redes sociales
- 1.3 Datos de contacto y copyright
PROMPTS RELACIONADOS · BELLEZA / SPA
