NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa siguiendo estas especificaciones y usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo:
Marca ficticia: Bufete Zenit (dominio bufetezenit.com, email hola@bufetezenit.com, claim "Apoyo jurídico cercano y eficaz").
Categoría: Corporativo.
Paleta de colores (hex): #1F2937 (gris oscuro fondo), #F9FAFB (blanco puro), #FBBF24 (amarillo mostaza para acentos), #10B981 (verde esmeralda para botones), #FFFFFF (texto principal), #4B5563 (texto secundario gris).
Tipografía: Inter (Google Fonts) para cuerpos y títulos, peso 400‑600.
Estructura global:
- <header class="bg-white shadow-md"> con contenedor flex que incluye logo (texto "Lexora" + SVG placeholder), menú horizontal (Home, Quiénes somos, Servicios, Blog, Contacto) y botón ha
4.431 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.431 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 Header con logo, menú y botón hamburguesa
- 1.2 Hero slider con tres imágenes, título, subtítulo y botón CTA
- 1.3 Sección de estadísticas con dos contadores (casos resueltos y satisfacción) y vídeo ligero
- 1.4 (Placeholder) Bloque de servicios destacados
- 1.5 Footer con logo, enlaces de navegación, redes sociales y datos de contacto
ABOUT US
- 2.1 Header reutilizado
- 2.2 Hero estático con título y texto introductorio
- 2.3 Texto descriptivo de la firma y equipo
- 2.4 Footer reutilizado
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 CTA para solicitar consulta
- 3.4 Footer reutilizado
BLOG
- 4.1 Header reutilizado
- 4.2 Grid de artículos con imágenes y extractos
- 4.3 Paginación simple
- 4.4 Footer reutilizado
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón envío
- 5.3 Mapa incrustado (placeholder)
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
