NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa ficticia llamada **TransNova** (transnova.com) que ofrezca servicios de transporte y logística internacional. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y el estilo del sitio analizado sin copiar texto ni imágenes originales.
**Paleta de colores** (hex):
- Primario: #0A2540 (azul marino profundo)
- Secundario: #1E3A5F (azul grisáceo)
- Accent: #F5A623 (naranja suave)
- Fondo claro: #F9FAFC
- Texto blanco: #FFFFFF
**Tipografía**: Inter (Google Fonts) para títulos y cuerpo.
**Header**: barra de navegación fija, fondo transparente que se vuelve sólido al hacer scroll (color primario). Logo a la izquierda (SVG placeholder). Enlaces: Home, Servicios, Sobre nosotros, Precios, Blog, Contacto. B
4.184 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.184 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 Hero con título destacado, fondo oscuro y botones primarios
- 1.2 Lista de servicios en fila, estilo enlace con flecha
- 1.3 Slider de logos de partners (duplicado para efecto loop)
- 1.4 Bloque "Sobre TransNova" con dos columnas: texto y galería de imágenes con efecto parallax
- 1.5 Footer con enlaces a páginas principales, botón de suscripción y datos de contacto
SERVICE
- 1.1 Encabezado de página y breadcrumb
- 1.2 Descripción del servicio seleccionado
- 1.3 Iconos de ventajas y tabla de características
ABOUT
- 1.1 Cabecera con imagen de portada
- 1.2 Texto corporativo y misión
- 1.3 Equipo en cards horizontales
PRICING
- 1.1 Tabla comparativa de planes
- 1.2 Botón de contratación para cada plan
BLOG POST
- 1.1 Lista de artículos con imagen, título y extracto
- 1.2 Sidebar con categorías y últimos posts
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Mapa incrustado y datos de oficina
PROMPTS RELACIONADOS · AUTOMOCIÓN
