NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para **Ferroline Solutions** usando **HTML plano**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La marca es ficticia, sector industrial B2B, claim: "Ingeniería y logística para procesos complejos". Necesitamos replicar el diseño visual y la estructura del sitio de referencia sin copiar texto ni imágenes específicas.
**Alcance**
- Header fijo con logo a la izquierda, navegación principal (Home, About, Services, Projects, Products, Blog, Contact) y un botón CTA "Obtener plantilla" a la derecha. Incluye un dropdown "PÁGINAS" con tres columnas: Main Pages, Company, Utility Pages, cada una con enlaces de ejemplo.
- Hero (home) con vídeo de fondo a pantalla completa, reproducción automática, sin sonido, bucle. Sobre el vídeo, etiqueta pequeña ti
4.515 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.515 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, menú principal, dropdown “PÁGINAS” y botón CTA
- 1.2 Hero con video de fondo, etiqueta, título, descripción y botón CTA
- 1.3 Caja de estudio de caso con imagen, título y enlace de contacto
- 1.4 Bloque de servicios destacados (grid de 3‑4 tarjetas)
- 1.5 Footer con enlaces institucionales, datos de contacto y redes sociales
ABOUT US
- 2.1 Header (reutilizado)
- 2.2 Hero estático con título y subtítulo
- 2.3 Texto descriptivo y valores de la empresa
- 2.4 Equipo (grid de tarjetas con foto y cargo)
- 2.5 Footer
SERVICES
- 3.1 Header
- 3.2 Hero con imagen ilustrativa y descripción breve
- 3.3 Lista de servicios (cards con icono, título y texto)
- 3.4 CTA de contacto
- 3.5 Footer
PROJECTS
- 4.1 Header
- 4.2 Hero con filtro de categorías
- 4.3 Galería de proyectos (grid con hover)
- 4.4 Testimonios
- 4.5 Footer
PRODUCTS
- 5.1 Header
- 5.2 Hero con carrusel de productos
- 5.3 Catálogo (grid de tarjetas con imagen, nombre y breve descripción)
- 5.4 CTA de descarga de ficha técnica
- 5.5 Footer
BLOG
- 6.1 Header
- 6.2 Lista de artículos (cards con imagen, título, fecha, excerpt)
- 6.3 Sidebar con categorías y suscripción
- 6.4 Footer
CONTACT US
- 7.1 Header
- 7.2 Formulario de contacto con campos básicos
- 7.3 Mapa interactivo
- 7.4 Información de oficina y teléfonos
- 7.5 Footer
Imagen generada con OpenAI · gpt-image-2 · 04/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
