NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Motor Alba, una empresa B2B de logística, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la siguiente paleta de colores: primario #0D3B66, secundario #FAF0CA, acento #F4D35E, texto oscuro #1B1B1B, fondo claro #FFFFFF. Usa la tipografía "Inter" para textos y "Playfair Display" para encabezados, cargadas desde Google Fonts.
Estructura:
- Header fijo con fondo primario, logo (texto Motor Alba) y botón hamburguesa que abre el menú móvil. Menú desktop incluye enlaces: Overview, About (dropdown con tres tarjetas), Clients (dropdown con lista), Services, Contact.
- Hero ocupando pantalla completa, fondo secundario, título grande en Playfair Display, subtítulo en Inter, botón principal con color acento.
- S
3.166 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.166 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 y menú hamburguesa
- 1.2 Menú principal con enlaces a Overview, About (dropdown), Clients (dropdown), Services, Contact
- 1.3 Hero central con título, subtítulo y botón principal
- 1.4 Cuadrícula de casos de estudio (tres tarjetas)
- 1.5 Sección de clientes destacados (lista de nombres)
- 1.6 Llamada a la acción secundaria con formulario sencillo
- 1.7 Footer con enlaces, contacto y redes
ABOUT
- 2.1 Sub‑header con título y breadcrumb
- 2.2 Tres tarjetas descriptivas (About A, B, C) con icono y texto
- 2.3 Imagen ilustrativa a la derecha
CLIENTS
- 3.1 Lista de clientes en dos columnas, cada uno enlazado a caso de estudio
- 3.2 filtro rápido por categoría (placeholder)
SERVICES
- 4.1 Grid de servicios (icono, nombre, breve descripción)
- 4.2 Botón para solicitar información
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.2 Mapa incrustado (placeholder) y datos de oficina
PROMPTS RELACIONADOS · AUTOMOTIVE
