NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Lexoria Consulting usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce la estructura y estilo del diseño analizado:
- Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (blanco suave), #9CA3AF (gris medio).
- Tipografía: Inter var (Google Fonts) para títulos y texto.
- Header: barra fija con fondo blanco, logo texto "Lexoria" y logotipo SVG, menú horizontal (Home, About Us, Services, Blog, Contact) y botón hamburguesa para móviles.
- Hero: sección a pantalla completa con fondo sutil gris, imagen a la derecha (placeholder.jpg), título grande con spans coloreados en azul, subtítulo gris 70% y botón CTA azul con icono a la derecha.
- Sección "Quiénes somos": layout de dos co
3.439 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.439 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 y navegación principal
- 1.2 Hero con imagen derecha, título grande, subtítulo y botón "Solicitar consulta"
- 1.3 Sección "Quiénes somos" con encabezado, texto descriptivo, fotos a izquierda y derecha, y botón "Conoce a nuestro equipo"
- 1.4 Slider de imágenes profesionales en carrusel automático
- 1.5 (Placeholder para bloque de servicios)
- 1.6 (Placeholder para testimonios)
- 1.7 (Placeholder para formulario de contacto)
- 1.8 Footer con enlaces rápidos, redes sociales y datos de contacto
ABOUT US
- 2.1 Cabecera de página con título "Sobre nosotros"
- 2.2 Texto institucional ampliado
- 2.3 Imagen de apoyo a la izquierda y a la derecha
- 2.4 Botón a sección del equipo
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.2 Botón para ver detalle de cada servicio
BLOG
- 4.1 Lista de artículos con imagen destacada, título, extracto y fecha
- 4.2 Paginación
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado
- 5.3 Información de contacto (teléfono, email, dirección)
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
