NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Marca ficticia: Grupo Aurora (consultoría y comunicación política). Dominio: grupoaurora.com. Paleta de colores: #1A202C (azul noche), #2D3748 (gris oscuro), #4A5568 (gris medio), #EDF2F7 (gris claro), #E53E3E (rojo acento). Tipografía: 'Inter', sans‑serif para cuerpo y 'Playfair Display' para títulos.
Estructura:
- <header class="fixed top-0 w-full bg-white shadow"> con logo a la izquierda, menú principal (Home, Agenda, Equipo, Blog, Tienda, Contacto) con dropdown "Más" que incluye About, Gallery, FAQ. A la derecha, iconos de redes sociales, ícono de búsqueda, y carrito con contador.
- Hero sección: <section class="h-screen bg-cover bg-center flex items-center justify-center" style="backgr
4.171 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.171 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 accesos a redes, carrito y barra de búsqueda
- 1.2 Hero con imagen de fondo, título principal y llamado a la acción
- 1.3 Sección de agenda con tarjetas de eventos y botón "Ver más"
- 1.4 Bloque de presentación del equipo con fotos circulares y biografías breves
- 1.5 Galería de imágenes estilo grid
- 1.6 Testimonios rotatorios
- 1.7 Área de blog con últimas entradas en formato tarjeta
- 1.8 Tienda destacada con productos en cards
- 1.9 Footer con enlaces a páginas institucionales, suscripción al newsletter y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Texto institucional con imagen acompañante
- 2.3 Misión, visión y valores en columnas
- 2.4 CTA a contacto
OUR AGENDA
- 3.1 Lista de eventos con filtro por fecha
- 3.2 Detalle de evento expandible
- 3.3 Botón registro
GALLERY
- 4.1 Grid de imágenes con hover zoom
- 4.2 Lightbox modal
TEAM
- 5.1 Tarjetas de miembros con foto circular, nombre, cargo y enlace a perfil
- 5.2 filtro por área
TESTIMONIALS
- 6.1 Carrusel automático de testimonios con foto y cita
BLOG
- 7.1 Lista de posts en tarjetas con imagen, título, excerpt y botón leer más
- 7.2 Paginación
SHOP
- 8.1 Grid de productos con imagen, nombre, precio y botón añadir al carrito
- 8.2 Filtros por categoría
CONTACT US
- 9.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 9.2 Mapa embed
- 9.3 Información de contacto y redes
FAQ
- 10.1 Accordion de preguntas frecuentes
- 10.2 CTA a soporte
PROMPTS RELACIONADOS · CORPORATIVO
