NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca TitanMecánica, una empresa de maquinaria pesada, usando una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas). El proyecto debe reproducir fielmente la estructura y el estilo visual del sitio analizado, respetando los siguientes requisitos:
- **Paleta de colores**: #0B0D17 (negro profundo), #1E213A (gris azulado), #F5F5F5 (blanco hielo), #FFB800 (amarillo vibrante), #0077B6 (azul acento).
- **Tipografía**: "Inter" para títulos y cuerpo, pesos 400, 600, 800; tamaños escalados con clases Tailwind (text-4xl, text-2xl, text-base, etc.).
- **Header (hero)**: sección a pantalla completa con fondo de imagen industrial difuminada, título grande en blanco, subtítulo en gris claro, botón primario amarillo con sombra.
4.147 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.147 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 Cabecera hero con título, subtítulo y botón
- 1.2 Bloque de logos de partners
- 1.3 Galería de productos (cuatro imágenes con texto)
- 1.4 Valores y ventajas (iconos + texto)
- 1.5 Últimas del blog (tarjetas)
- 1.6 Footer (contacto, enlaces, redes)
PRODUCTOS
- 2.1 Grid de productos con imágenes grandes y descripción breve
- 2.2 Botón ver más para cada producto
- 2.3 Slider de casos de uso
SOBRE NOSOTROS
- 3.1 Historia de la empresa con imagen de fondo
- 3.2 Misión, visión y valores en columnas
- 3.3 Equipo destacado (tarjetas)
BLOG
- 4.1 Lista de artículos con imagen, título y extracto
- 4.2 Paginación simple
CONTACTO
- 5.1 Formulario de contacto de un solo paso
- 5.2 Mapa estático embebido
- 5.3 Datos de teléfono y correo
FOOTER
- 6.1 Enlaces rápidos, redes sociales y suscripción al boletín
PROMPTS RELACIONADOS · EDUCACIÓN
