NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa de transporte llamada **LogiMova** siguiendo el estilo del template analizado. Usa **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y los patrones visuales sin copiar textos originales.
**Paleta de colores**
- Fondo principal: #0A0A0A (negro profundo)
- Primario: #00BFFF (azul cielo) para botones y acentos
- Secundario: #FFFFFF (blanco) para texto sobre fondos oscuros
- Gris suave: #F5F5F5 para secciones claras
- Highlight: #FFCC00 (amarillo dorado) en contadores
**Tipografía**
- Fuente principal: Inter (sans‑serif) – peso 400 y 600
- Fuente secundaria (titles): Poppins – peso 700
**Header**
- Barra fija con fondo negro semi‑transparente.
- Logo a la izquierda (placeholder SVG).
- N
5.296 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.296 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, navegación y carrito
- 2.1 Hero slider principal
- 3.1 Sección de servicios destacados
- 4.1 Contadores de métricas clave
- 5.1 Galería de proyectos / casos de estudio
- 6.1 Carrusel de testimonios de clientes
- 7.1 Llamada a la acción con formulario de contacto
- 8.1 Footer con información institucional
ABOUT US
- 1.1 Header idéntico al de Home
- 2.1 Hero con imagen y texto de misión
- 3.1 Historia de la empresa en línea de tiempo
- 4.1 Valores y equipo con tarjetas
- 5.1 CTA para solicitar presupuesto
- 6.1 Footer común
SERVICES
- 1.1 Header
- 2.1 Hero descriptivo
- 3.1 Lista de servicios en tarjetas con iconos
- 4.1 Caso de estudio destacado
- 5.1 FAQ acordeón
- 6.1 Footer
PROJECTS
- 1.1 Header
- 2.1 Filtro de categorías
- 3.1 Grid de proyectos con hover overlay
- 4.1 Detalle de proyecto (imagen, descripción, resultados)
- 5.1 Footer
BLOG
- 1.1 Header
- 2.1 Hero de blog
- 3.1 Lista de artículos en tarjetas
- 4.1 Sidebar con categorías y últimos posts
- 5.1 Footer
CONTACT
- 1.1 Header
- 2.1 Hero con mapa integrado
- 3.1 Formulario de contacto completo
- 4.1 Información de contacto y redes
- 5.1 Footer
PROMPTS RELACIONADOS · AUTOMOCIÓN
