NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando solo HTML, Tailwind CSS CDN y JavaScript vanilla (un único archivo). La marca ficticia es NauticFlow, una plataforma de servicios logísticos. Emplea la siguiente paleta de colores (extraída del diseño original):
- #0F172A (azul muy oscuro - fondo principal y texto heading)
- #1E293B (azul grisado - barra de navegación y footer)
- #3B82F6 (azul primario - botones y acentos)
- #F3F4F6 (gris claro - fondos de secciones)
- #FFFFFF (blanco - texto y fondos de tarjetas)
Tipografía: usar "Inter" para todo el texto, pesos 400 y 600, tamaños H1 48px, H2 36px, párrafos 16px.
Estructura y bloques a replicar (sin copiar texto literal):
1. Header fijo con logo placeholder (svg de barco), enlaces: Inicio, Sobre Nosotros, Servicios, Blog, Precios, y botón destacado "Co
4.118 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.118 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 con logo, enlaces y carrito
- 1.2 Hero imagen + título dividido + subtítulo
- 1.3 Texto descriptivo + botón "Contactar"
- 1.4 Slider de logotipos de marcas
- 1.5 Sección de servicios con encabezado y tarjetas
- 1.6 Footer con enlaces y datos de contacto
ABOUT
- 2.1 Hero interno con imagen y título
- 2.2 Texto institucional y misión
- 2.3 Equipo en tarjetas
- 2.4 Footer
SERVICE
- 3.1 Hero interno con título de servicios
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Testimonios en carrusel
- 3.4 Footer
BLOG
- 4.1 Hero lista de artículos
- 4.2 Grid de artículos con imágenes y excerpt
- 4.3 Sidebar con categorías
- 4.4 Footer
PRICE
- 5.1 Tabla comparativa de planes
- 5.2 CTA de suscripción
- 5.3 Preguntas frecuentes accordion
- 5.4 Footer
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa embebido
- 6.3 Información de contacto
- 6.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2