NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Solidaria Alba** (solidariaalba.com), sector legal, usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Replicar el diseño visual y la estructura del sitio original sin copiar texto ni imágenes literales. Utiliza los siguientes componentes y patrones:
- **Paleta de colores**: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #1E3A8A (azul profundo para botones y enlaces), #F3F4F6 (gris claro para fondos de secciones).
- **Tipografía**: Fuente principal "Inter" (Google Fonts), peso 400‑600, tamaños H1 48px, H2 36px, H3 28px, texto regular 16px.
**Header** (navbar fija): logo placeholder (SVG), enlaces Home, Sobre nosotros, Áreas de práctica, Blog, Casos de éxito, Contacto; botón destacado "Consulta gratuita"
4.267 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.267 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 y botón
- 1.2 Hero con título, CTA, contacto rápido, estadística y imagen
- 1.3 Carrusel de logos de marcas asociadas
- 1.4 Área de práctica: tarjetas con iconos y textos
- 1.5 Testimonios de clientes
- 1.6 Llamada a la acción final
- 1.7 Footer con información institucional y contacto
ABOUT
- 1.1 Header interno con título "Sobre nosotros"
- 1.2 Texto descriptivo de la firma y misión
- 1.3 Equipo: tarjetas de abogados con foto, nombre y especialidad
- 1.4 Valores y certificaciones en iconos
- 1.5 CTA para descargar presentación
- 1.6 Footer reutilizado
PRACTICE-AREA
- 1.1 Header con título "Áreas de práctica"
- 1.2 Grid de tarjetas de práctica (icono, nombre, breve descripción)
- 1.3 Filtro por categoría
- 1.4 CTA a contacto especializado
- 1.5 Footer reutilizado
BLOG
- 1.1 Header con título "Blog"
- 1.2 Lista de artículos en tarjetas (imagen, título, excerpt, fecha)
- 1.3 Paginación
- 1.4 Sidebar con categorías y últimos posts
- 1.5 Footer reutilizado
CASE-RESULT
- 1.1 Header con título "Casos de éxito"
- 1.2 Grid de resultados con número y breve descripción
- 1.3 Testimonios destacados
- 1.4 CTA para solicitar caso similar
- 1.5 Footer reutilizado
CONTACT
- 1.1 Header con título "Contacto"
- 1.2 Formulario de solicitud de consulta (nombre, email, teléfono, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto directo
- 1.5 Footer reutilizado
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2