NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea el sitio web completo de **Campus Abedul**, una empresa ficticia de maquinaria pesada, usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del template analizado, sin copiar texto literal.
**Alcance**
- Archivo **index.html** con todas las secciones enumeradas en la tabla.
- Uso de Tailwind 3 CDN (`https://cdn.tailwindcss.com`). Configura la paleta personalizada en el bloque `<script>` de Tailwind con los siguientes colores (hex):
- Primario: #0D1F2D (azul petróleo profundo)
- Secundario: #1E3A5F (gris azulado)
- Accent: #F2A71B (amarillo metálico)
- Fondo claro: #F5F8FA
- Texto claro: #FFFFFF
- Tipografía: **Roboto** para párrafos y **Montserrat** para encabezados, cargadas desde Google Fonts.
- Ha
4.217 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.217 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 ancla y botón de teléfono
- 1.2 Hero full‑screen con tagline, título principal y fondo difuminado
- 1.3 Sección de logotipos de clientes/partners en carrusel estático
- 1.4 Galería de productos con cuadrícula de cuatro imágenes y breve descripción
- 1.5 Bloque de prestaciones con iconos y texto alineado en columnas
- 1.6 Estadísticas numéricas destacadas en fondo oscuro
- 1.7 Llamada a la acción con formulario de suscripción y mapa estático
- 1.8 Pie de página con enlaces rápidos, datos de contacto y redes sociales
PRODUCTS
- 2.1 Sub‑hero con imagen destacada del producto
- 2.2 Descripción técnica y lista de características en dos columnas
- 2.3 Galería de imágenes de producto con efecto lightbox
- 2.4 Botón de solicitud de información
ABOUT
- 3.1 Texto institucional con foto de fundadores
- 3.2 Valores de la empresa presentados en cards
- 3.3 Línea de tiempo de hitos clave
BLOG
- 4.1 Lista de artículos con miniatura, título y extracto
- 4.2 Paginación simple
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de localización
FOOTER
- 6.1 Enlaces de navegación secundaria
- 6.2 Información legal y de privacidad
- 6.3 Iconos de redes sociales
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
