NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa de tecnología sostenible llamado EcoPulse Solutions. Usa HTML5, Tailwind CSS vía CDN y vanilla JavaScript en un solo archivo. Paleta de colores: #0A3D62 (azul profundo), #1B9CFC (azul brillante), #F5F6FA (gris muy claro), #2C3E50 (gris oscuro), #FFFFFF. Tipografía: Inter (sans‑serif) para todo el texto, título en Inter‑Bold, cuerpo en Inter‑Regular.
Estructura requerida:
- **Announcement bar** sticky top, fondo #1B9CFC, texto blanco, enlace resaltado, icono de cierre.
- **Header** fijo, fondo #FFFFFF, logo a la izquierda (placeholder), menú de navegación centrado con enlaces: Home, Pages (mega‑dropdown con secciones Product, Company, Account), Information (dropdown simple), Search (abre modal), Cart (ícono con contador). Menú colapsable en móvil
3.664 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.664 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 anuncio superior con mensaje breve y botón de cierre
- 1.2 Header fijo con logo, menú principal (enlaces, mega‑dropdowns, búsqueda y carrito)
- 1.3 Hero con título, subtítulo y botones principales
- 1.4 Cuadrícula de características (icono + título + descripción)
- 1.5 Sección de casos de éxito / clientes (logotipos en carrusel)
- 1.6 Testimonios en formato tarjeta
- 1.7 Llamado a la acción secundario con formulario breve
- 1.8 Blog destacado con tarjetas de artículos
- 1.9 Footer con información de la empresa, enlaces rápidos, newsletter y redes sociales
ABOUT
- 2.1 Header idéntico al home
- 2.2 Imagen hero con texto descriptivo de la empresa
- 2.3 Historia de la compañía en dos columnas
- 2.4 Valores corporativos en tarjetas
- 2.5 Equipo con fotos y breves biografías
- 2.6 Footer idéntico al home
SERVICES
- 3.1 Header idéntico al home
- 3.2 Hero con listado de servicios principales
- 3.3 Cada servicio en bloque con icono, título, descripción y botón
- 3.4 Caso de estudio destacado
- 3.5 CTA de contacto
- 3.6 Footer idéntico al home
BLOG
- 4.1 Header idéntico al home
- 4.2 Lista de artículos con imagen, título, extracto y meta datos
- 4.3 Paginación inferior
- 4.4 Sidebar con categorías y newsletter
- 4.5 Footer idéntico al home
CONTACT
- 5.1 Header idéntico al home
- 5.2 Hero con título de contacto
- 5.3 Formulario de contacto (nombre, email, mensaje, botón)
- 5.4 Mapa incrustado
- 5.5 Información de oficina y redes
- 5.6 Footer idéntico al home
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
