NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa ficticia llamada LogiFlex Solutions (logiflex.com) usando únicamente un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura y estilo del sitio original, respetando estos requisitos:
- Paleta de colores: #001E62 (navy profundo), #FFFFFF (blanco), #FF4D4D (rojo acento), #F5F5F5 (gris claro), #0A0A0A (texto oscuro).
- Tipografía: "Inter" para cuerpos y "Playfair Display" para encabezados, cargadas desde Google Fonts.
- Header: barra fija con logo (svg placeholder), links "Inicio", "Sobre nosotros", "Servicios", "Contacto", "Blog" y botón principal "Comenzar" con estilo de botón relleno navy y hover rojo.
- Hero: sección a pantalla completa con tres líneas de título grande (h1) alineado a la izqu
3.670 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.670 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, enlaces y botón principal
- 1.2 Hero con título fragmentado en tres líneas, texto descriptivo y dos botones CTA
- 1.3 Área de confianza con fotos de clientes y cifra de 50K+ clientes
- 1.4 Bloque "Sobre nosotros" con título, subtítulo, visión y misión en dos columnas y foto de camión
- 1.5 Sección de soluciones freight con tabs (Aéreo, Marítimo, Ferroviario, Terrestre) y contenido ilustrado
- 1.6 Pie de página con enlaces institucionales, redes y datos de contacto
ABOUT
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Texto institucional y valores de la empresa
- 2.3 Equipo con foto y breve descripción
- 2.4 CTA a contacto
SERVICES
- 3.1 Lista de servicios con iconos y descripciones breves
- 3.2 Tabla comparativa de modalidades de freight
- 3.3 Botón de solicitud de presupuesto
CONTACT
- 4.1 Formulario de contacto (nombre, email, mensaje)
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Información de teléfono y email
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Paginación y barra lateral de categorías
PROMPTS RELACIONADOS · AUTOMOCIÓN
