NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Academia Aurora (academiaaurora.com), una agencia digital orientada a startups. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**
- Fondo principal: #F9FAFB
- Texto principal: #111827
- Texto secundario: #6B7280
- Azul accent: #3B82F6
- Verde accent: #10B981
- Gris claro: #E5E7EB
**Tipografía**
- Fuente principal: Inter (Google Fonts)
- Peso 400 para párrafos, 600 para subtítulos, 700 para títulos
**Estructura**
1. **Header (navbar)** – posición sticky, altura 80px, fondo blanco, sombreado sutil. Logo a la izquierda, enlaces ancla (Inicio, Proyectos, Servicios, Stack, Precios) con efecto hover (cambio a azul accent). Botón destacado "Agenda una llamada" a la derecha con fondo ve
4.495 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.495 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 fija con logo, enlaces ancla y botón de agenda
- 1.2 Hero principal con título destacado, subtítulo, badge informativo y galería de imágenes de proyectos
- 1.3 Sección de proyectos con cuadrícula de tarjetas interactivas
- 1.4 Sección de servicios listados con iconos y descripción breve
- 1.5 Sección de stack tecnológico con iconos alineados en fila
- 1.6 Sección de precios con tres tarjetas comparativas
- 1.7 Footer con información de contacto, redes sociales y breves enlaces
PROJECTS
- 2.1 Grid de proyectos: cada tarjeta muestra imagen, overlay y enlace a caso de estudio
SERVICES
- 3.1 Lista de servicios: icono + título + párrafo corto para cada oferta
STACK
- 4.1 Row de iconos de tecnologías usadas (React, Node, Figma, etc.)
PRICING
- 5.1 Tabla comparativa de planes: Básico, Pro, Premium, con descripción y CTA
FOOTER
- 6.1 Bloque de contacto: email, teléfono, dirección
- 6.2 Íconos de redes sociales con contadores ficticios
- 6.3 Enlaces de política y términos
PROMPTS RELACIONADOS · EDUCACIÓN
