NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aurora Capital, una firma de asesoría financiera, usando solo HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. El objetivo es reproducir fielmente el diseño y la estructura visual del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes recursos:
- Paleta de colores: #0A1F44 (azul marino), #1E3A8A (azul principal), #3B82F6 (azul accent), #F9FAFB (gris muy claro de fondo), #FFFFFF (blanco), #4B5563 (gris texto).
- Tipografía: "Inter" para títulos y cuerpo, cargada desde Google Fonts.
- Header: barra superior estrecha con mensaje centrado, logo a la izquierda, menú de navegación a la derecha con dropdowns (Home, Pages, Pricing, Blog). En móvil colapsa en icono hamburguesa.
- Hero: fondo blanco,
3.752 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.752 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 superior con mensaje institucional
- 1.2 Cabecera con logo y menú principal (dropdowns)
- 1.3 Hero con título, subtítulo y botones CTA
- 1.4 Bloque de servicios destacados (grid 3‑col)
- 1.5 Métricas clave (contadores animados)
- 1.6 Testimonios (carrusel)
- 1.7 Formulario de captura de leads
- 1.8 Footer con contacto, enlaces y redes
ABOUT US
- 1.1 Cabecera compartida
- 1.2 Título de página y texto descriptivo
- 1.3 Equipo en tarjetas
- 1.4 Valores corporativos en iconos
- 1.5 CTA a contacto
- 1.6 Footer compartido
SERVICES
- 1.1 Cabecera compartida
- 1.2 Lista de servicios en secciones alternas (texto‑imagen)
- 1.3 Casos de éxito con tarjetas
- 1.4 CTA a solicitud de presupuesto
- 1.5 Footer compartido
BLOG
- 1.1 Cabecera compartida
- 1.2 Lista de artículos en grid cards
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer compartido
CONTACT
- 1.1 Cabecera compartida
- 1.2 Formulario de contacto completo
- 1.3 Mapa embebido y datos de oficina
- 1.4 Footer compartido
PROMPTS RELACIONADOS · EDUCACIÓN
