NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Marca ficticia: Tránsito Nova (transitonova.com). Sector: logística internacional. La web debe reproducir el patrón visual del ejemplo:
- Paleta de colores: #0a0a0a (fondo negro), #ffffff (texto), #1a73e8 (azul primario), #f2f2f2 (gris claro para fondos de tarjetas), #4a4a4a (gris medio para divisores).
- Tipografía: 'Inter', sans-serif para cuerpo; 'Playfair Display', serif para encabezados.
- Header: barra fija con logo a la izquierda, menú de 6 enlaces (Home, Platform, About, Careers, Services, Newsroom), botón secundario "Send Us A Message" (mailto) y botón primario "Request a Quote". Iconos de redes (Instagram, Facebook, X, LinkedIn) en negro. Divisor sutil.
- Hero: sección a panta
3.825 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.825 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, botones de contacto y redes sociales
- 1.2 Hero con título, subtítulo, botón CTA y video de fondo
- 1.3 Bloque "Qué hacemos" con encabezado, párrafo y tres tarjetas de servicio
- 1.4 Sección sticky cards: número, título, descripción e imagen
- 1.5 Testimonios en carrusel
- 1.6 Footer con información de empresa, contacto, dirección y redes
PLATFORM
- 1.1 Header persistente
- 1.2 Hero descriptivo de la plataforma
- 1.3 Lista de funcionalidades con iconos
- 1.4 Caso de uso destacado con imagen
- 1.5 CTA a solicitud de demo
- 1.6 Footer estándar
ABOUT
- 1.1 Header persistente
- 1.2 Hero con misión y visión
- 1.3 Historia de la empresa en línea temporal
- 1.4 Equipo con fotos y breves bios
- 1.5 Valores corporativos en tarjetas
- 1.6 Footer estándar
CAREERS
- 1.1 Header persistente
- 1.2 Hero con llamado a unirse al equipo
- 1.3 Lista de vacantes con filtros
- 1.4 Beneficios y cultura empresarial
- 1.5 Formulario de candidatura rápida
- 1.6 Footer estándar
SERVICES
- 1.1 Header persistente
- 1.2 Hero con resumen de servicios
- 1.3 Galería de tarjetas de servicios detallados
- 1.4 Caso de estudio con imagen y texto
- 1.5 CTA de contacto profesional
- 1.6 Footer estándar
NEWSROOM
- 1.1 Header persistente
- 1.2 Hero con últimas noticias
- 1.3 Feed de artículos en grid
- 1.4 Filtrado por categoría y fecha
- 1.5 Suscripción al boletín
- 1.6 Footer estándar
CONTACT
- 1.1 Header persistente
- 1.2 Hero con formulario de contacto
- 1.3 Información de contacto rápida (teléfono, email)
- 1.4 Mapa integrado (imagen estática)
- 1.5 CTA de solicitud de cotización
- 1.6 Footer estándar
PROMPTS RELACIONADOS · AUTOMOCIÓN
