NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Carga Global, empresa de logística internacional. Usa HTML sencillo con Tailwind CSS a través del CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**: principal #E92527 (rojo), negro #000000, blanco #FFFFFF, gris claro #F5F5F5, azul profundo #003366.
**Tipografía**: Inter (sans‑serif) para todo el texto, pesos 400 y 600.
**Header**: barra superior fija, contenedor central de ancho máximo 1200px, logo a la izquierda (placeholder SVG), menú horizontal con enlaces Home, About, Services, Pricing, Blogs, Contact. En la derecha, botón CTA rojo "Solicita una cotización" con efecto hover (cambia fondo a #C71F20). Icono de menú hamburguesa visible en móvil (≤768px) que abre un panel lateral con los mismos enlaces y boto
4.488 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.488 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 Cabecera con logo, menú y botón CTA
- 1.2 Hero: título, subtítulo, texto, tracking tabs y formulario
- 1.3 Imagen destacada del hero (carrusel de 3 imágenes)
- 1.4 Sección marquee con mensajes y símbolos
- 1.5 Footer con enlaces, datos de la empresa y redes sociales
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Bloque de presentación de la empresa con texto e imagen
- 2.3 Valores y misión en columnas
- 2.4 Footer
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 CTA para solicitar presupuesto
- 3.4 Footer
PRICING
- 4.1 Cabecera reutilizada
- 4.2 Tabla comparativa de planes sin precios concretos
- 4.3 Botón de contacto para cada plan
- 4.4 Footer
BLOGS
- 5.1 Cabecera reutilizada
- 5.2 Grid de artículos con imágenes y extractos
- 5.3 Paginación simple
- 5.4 Footer
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto completo (nombre, email, mensaje)
- 6.3 Mapa estático integrado
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
