NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Campus Helio (campushelio.com) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo del template original, sin copiar texto ni imágenes. Utiliza la siguiente paleta de colores: #0D112B (azul marino), #1E293B (gris azulado), #F59E0B (ámbar), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía principal: "Inter", sans-serif; encabezados en "Poppins", sans-serif.
**Header**: barra superior con logo (texto Luminara), lema pequeño, menú de navegación con dropdowns (Home, Servicios, Precios, Blog, Contacto), botón destacado "Contactar" con icono redondeado, icono de carrito que muestra número de ítems. Debe colapsar en mobile con botón hamburguesa.
**Barra de aviso**: cinta estrech
4.434 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.434 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 aviso con mensaje y enlace
- 2.1 Header con logo, texto, menú dropdown, botón Contacto y carrito
- 3.1 Hero con título, subtítulo y CTA principal
- 4.1 Bloque de características en tarjetas
- 5.1 Grid de productos/servicios destacados
- 6.1 Comparador de planes tarifarios
- 7.1 Carrusel de testimonios de clientes
- 8.1 CTA secundaria para newsletter o contacto
- 9.1 Footer con enlaces, redes sociales y datos de la empresa
PLANES
- 1.1 Encabezado de página con título "Planes"
- 2.1 Tarjetas de precios con detalle de características y botón de selección
- 3.1 Preguntas frecuentes en acordeón
- 4.1 CTA final para solicitar demo
BLOG
- 1.1 Listado de artículos con imágenes, título y extracto
- 2.1 Sidebar con categorías y posts recientes
- 3.1 Paginación al fondo
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa incrustado y datos de dirección
- 3.1 Información de soporte y horario
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
