NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Legal Alba (legalalba.com) siguiendo el alcance y stack: HTML estático, Tailwind CSS CDN, JavaScript vanilla en un solo archivo. Reproduce la estructura y estilo visual del sitio analizado sin copiar texto literal.
Paleta de colores (hex):
- Fondo principal: #0A0E21 (azul muy oscuro)
- Fondo sección clara: #FFFFFF
- Texto principal: #FFFFFF
- Texto secundario: #CCCCCC
- Accent/primary: #1E90FF (azul brillante)
- Accent/secondary: #F4A261 (naranja suave)
- Border/lines: #2D334A
Tipografía (Google Fonts):
- Headings: "Inter", peso 700
- Body: "Inter", peso 400
Header (navbar):
- Fixed top, fondo #0A0E21, logo placeholder (texto Lexara).
- Menú horizontal con enlaces: Home, About, Practice Area, Blog, Contact.
- Botón destacado "Consulta gr
4.392 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.392 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 y botón de consulta gratuita
- 1.2 Hero central con título, botones, contacto rápido y tarjetas de estadística
- 1.3 Carrusel de logos de clientes/partners
- 1.4 Sección de áreas de práctica con tarjetas de icono, título y descripción
- 1.5 Bloque de historia de la firma con texto y botón
- 1.6 Testimonios en carrusel
- 1.7 Footer con enlaces, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera con título y subtítulo
- 2.2 Texto descriptivo de la firma
- 2.3 Equipo con tarjetas de perfil
- 2.4 Valores y misión en bloques
- 2.5 Footer replicado
PRACTICE-AREA
- 3.1 Listado de áreas con filtro y tarjetas
- 3.2 Detalle de cada área al hacer clic
- 3.3 Sidebar con contacto rápido
- 3.4 Footer replicado
BLOG
- 4.1 Lista de artículos con imágenes y extractos
- 4.2 Sidebar con categorías y newsletter
- 4.3 Footer replicado
CONTACT
- 5.1 Formulario de contacto con campos básicos
- 5.2 Mapa integrado (placeholder)
- 5.3 Información de oficina y teléfono
- 5.4 Footer replicado
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
