NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **FabriaTech** (industria manufacturera) usando **HTML único con Tailwind CSS vía CDN y JavaScript vanilla**. El proyecto debe ser un solo fichero que incluya:
- **Head** con `<meta charset="utf-8">`, viewport, título, y enlaces a Tailwind CDN (`https://cdn.tailwindcss.com`) y a la fuente "Inter" de Google Fonts.
- **Paleta de colores**: #1F2937 (gris oscuro), #374151 (gris medio), #0EA5E9 (azul cian), #F97316 (naranja vibrante), #FFFFFF (blanco). Definir variables CSS para usarlas en Tailwind mediante `@layer utilities` o `:root`.
- **Tipografía**: Inter var, peso 400‑600, usar `font-sans`.
### Estructura requerida
1. **Navbar** fija, fondo blanco, sombra ligera, logo a la izquierda (SVG placeholder), menú central con enlaces Home, About,
4.705 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.705 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 Navbar fijo con logo, menú y botón CTA
- 1.2 Hero video, pre‑título, título con degradado, descripción y botón CTA
- 1.3 Cita testimonial con imagen y texto
- 1.4 Sección "Quiénes somos" con avatar, título, descripción y botones
- 1.5 Cuadros informativos con contadores y gráficos
- 1.6 Footer con enlaces y contacto
ABOUT
- 2.1 Cabecera interna con título «Sobre nosotros»
- 2.2 Texto descriptivo y galerías de imágenes
- 2.3 Botón de descarga de brochure
SERVICES
- 3.1 Lista de servicios en cuadrícula con iconos y descripciones breves
- 3.2 Botón para solicitar información
CASE STUDIES
- 4.1 Tarjetas de casos de estudio con imagen, título y resumen
- 4.2 Enlace a detalle del caso
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de ubicación
BLOG
- 6.1 Lista de entradas del blog en formato tarjeta
- 6.2 Paginación inferior
PROMPTS RELACIONADOS · ARQUITECTURA
