NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Aula Boreal** (consultoría estratégica y tecnológica). Utiliza **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo.
---
**Paleta de colores** (usar en CSS de Tailwind con @apply):
- #0D3B66 (azul oscuro primary)
- #3F88C5 (azul medio accent)
- #F4D35E (amarillo suave highlight)
- #EE964B (naranja tenue secondary)
- #F0F0F0 (gris claro background)
**Tipografía**: Inter (cargar desde Google Fonts) para todo el texto, con pesos 400, 500, 700.
**Estructura**
1. **Header** fijo, fondo blanco, sombra ligera. Logo a la izquierda, menú principal centrado con enlaces: Overview, Services, About, Contact. Cada enlace con efecto hover subrayado. Botones a la derecha: "Más plantillas" (estilo secundario) y "Comprar" (estilo
4.251 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.251 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 y botones de llamada a la acción
- 1.2 Hero principal: badge, título, subtítulo, botones y doble slider de imágenes
- 1.3 Bloque de características (grid de iconos y texto)
- 1.4 Testimonios rotativos
- 1.5 Llamada a contacto con formulario breve
- 1.6 Footer con enlaces de navegación, redes y datos de contacto
SERVICES
- 2.1 Header repetido
- 2.2 Hero interno con título y descripción breve
- 2.3 Lista de servicios en tarjetas con icono y texto
- 2.4 CTA de solicitud de propuesta
- 2.5 Footer repetido
ABOUT
- 3.1 Header repetido
- 3.2 Hero con imagen y texto institucional
- 3.3 Timeline de historia de la empresa
- 3.4 Equipo con foto y bio breve
- 3.5 Footer repetido
CONTACT
- 4.1 Header repetido
- 4.2 Hero con formulario de contacto y mapa
- 4.3 Información de ubicación y teléfono
- 4.4 Footer repetido
PROMPTS RELACIONADOS · EDUCACIÓN
