NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ayuda Aurora, despacho de abogados especializado en derecho financiero y corporativo. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primario: #1E3A8A (azul marino)
- Secundario: #2563EB (azul brillante)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto principal: #111827 (gris casi negro)
- Texto secundario: #6B7280 (gris medio)
**Tipografía**:
- Fuente principal: Inter, peso 400/600/700, importada desde Google Fonts.
**Header**: barra fija con fondo blanco, sombra ligera, logo a la izquierda (texto "Ayuda Aurora" con estilo bold) y menú de navegación a la derecha: Home, Quiénes somos, Servicios, Blog, Contacto. Incluye un dropdown bajo "Servicios" con tres enlace
4.652 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.652 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 principales y menú desplegable
- 1.2 Hero de portada con imagen a la derecha, título destacado y botón de llamada a acción
- 1.3 Sección "Quiénes somos" con texto descriptivo, imágenes laterales y botón secundario
- 1.4 Galería de imágenes rotativas (slider) dentro de la sección sobre nosotros
- 1.5 Área de servicios con tarjetas descriptivas (presunto)
- 1.6 Footer con datos de contacto, enlaces a política y redes sociales
ABOUT US
- 2.1 Encabezado interno y subtítulo
- 2.2 Texto de presentación del despacho
- 2.3 Imagen principal a la izquierda
- 2.4 Bloques de texto adicionales a la derecha con botón de equipo
- 2.5 Slider de imágenes ilustrativas
- 2.6 Imágenes complementarias a la izquierda y derecha
SERVICES
- 3.1 Título de la página y descripción breve
- 3.2 Cuadrícula de tarjetas de servicio con icono y texto
- 3.3 CTA para solicitar información
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 4.2 Mapa estático de ubicación
- 4.3 Información de dirección, teléfono y correo
- 4.4 Botón de envío con animación de hover
PROMPTS RELACIONADOS · NONPROFIT
