NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una corporación multinacional ficticia llamada **GlobaSphere**. Usa **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. El diseño debe replicar la estructura y estilo del sitio analizado:
- **Paleta de colores**: #0A2240 (azul marino), #1E3A8A (azul intenso), #F3F4F6 (gris claro), #FFFFFF (blanco), #E5E7EB (gris neutro).
- **Tipografía**: Fuente principal `Inter` (Google Fonts) para textos y `Playfair Display` para encabezados.
- **Header**: barra superior con logo a la izquierda, menú principal (Home, Solutions [mega‑menu], About Us, Pages [mega‑menu], Contact Us) y botón CTA “Explore Business”. En móviles, colapsar en burger menu.
- **Hero**: sección a pantalla completa con video de fondo (autoplay, loop, muted). Sobrepone et
3.885 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.885 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ú principal, dos mega‑menus (Solutions, Pages) y botón "Explore Business"
- 1.2 Hero sección con video de fondo, etiqueta "Trusted by industry leaders", título principal, descripción breve y botón CTA
- 1.3 Bloque "who We are" con subtítulo y texto animado que enumera áreas de innovación
- 1.4 (otros bloques que podrían añadirse en la plantilla original, p.ej. testimonios, métricas, contacto)
ABOUT US
- 1.1 Header igual que Home
- 1.2 Hero estático con imagen de cabecera y título "About Us"
- 1.3 Texto institucional con historia y valores
- 1.4 Equipo con tarjetas de perfil
- 1.5 CTA a soluciones
SOLUTIONS
- 1.1 Header igual que Home
- 1.2 Hero con imagen o video y título "Our Solutions"
- 1.3 Grid de tarjetas por sector (Digital, Energy, Finance, Healthcare, Logistics, Real Estate)
- 1.4 Detalle de cada solución en acordeón
- 1.5 CTA a contacto
CONTACT US
- 1.1 Header igual que Home
- 1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.3 Mapa incrustado
- 1.4 Información de oficina y teléfono
- 1.5 CTA a newsletter
FOOTER (presente en todas las páginas)
- 1.1 Logo reducido
- 1.2 Enlaces rápidos (About, Solutions, Sustainability, Investors, Blog, Contact)
- 1.3 Iconos de redes sociales
- 1.4 Campo de suscripción a newsletter
- 1.5 Derechos de autor y política de privacidad
PROMPTS RELACIONADOS · BLOG / REVISTA
