NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). La marca es "Línea Celeste", comunidad religiosa ficticia. Utiliza la siguiente paleta de colores: #0E0E0E (texto principal), #FFFFFF (fondo y texto claro), #1A5A96 (azul primario), #F2F2F2 (gris suave), #E0E0E0 (borde y gris claro). Tipografía: encabezados con 'Playfair Display', cuerpo con 'Inter', ambas importadas de Google Fonts.
Estructura:
- **Header**: barra de navegación fija, logo a la izquierda, menú desplegable con enlaces (Demos, Nuestra Iglesia, Eventos, Todas las páginas, Contacto), botón de búsqueda emergente y botón burger para móvil. Usa clases de Tailwind para flex, spacing, hover y transiciones.
- **Hero**: sección a pantalla completa con fondo de imagen (placeholder) c
3.628 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.628 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 Barra de navegación fija con logo, menú desplegable y buscador
- 1.2 Hero de página principal con título, subtítulo y imagen de fondo
- 1.3 Bloque de tarjetas que enlazan a tres demostraciones de inicio
- 1.4 Sección de rendimiento con indicadores de velocidad y barra de progreso
- 1.5 Pie de página con enlaces institucionales y redes sociales
ABOUT OUR CHURCH
- 2.1 Cabecera interna con título y breadcrumbs
- 2.2 Texto descriptivo y galería de imágenes
- 2.3 Equipo o staff con fotos y breve biografía
- 2.4 Llamado a la acción para contactar
EVENTS
- 3.1 Listado de eventos próximos en formato tarjeta
- 3.2 Filtro por categoría y calendario
- 3.3 Detalle de evento con información, mapa y formulario de registro
DONATIONS
- 4.1 Información de proyecto y metas
- 4.2 Formulario de donación rápido
- 4.3 Testimonios de donantes
BLOG
- 5.1 Lista de artículos con imagen previa y extracto
- 5.2 Categorías y barra lateral de búsqueda
- 5.3 Página detalle del artículo con comentarios
CONTACT US
- 6.1 Formulario de contacto completo
- 6.2 Mapa de ubicación y datos de contacto
- 6.3 Horario de atención
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 16/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
