NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia NexoArquitectura, estudio de arquitectura y construcción integral, usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. El diseño debe reproducir los patrones visuales del sitio analizado:
- Paleta de colores: fondo blanco #FFFFFF, negro profundo #121212, gris suave #F5F5F5, acento azul petróleo #0A3D62, acento naranja quemado #D97706.
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas cargadas desde Google Fonts.
- Header: barra fija con logo SVG a la izquierda, botón de menú hamburger que al click despliega un mega‑menu a pantalla completa con enlaces numerados (01 Home, 02 About, 03 Services, 04 Portfolio, 05 Blog, 06 Contact). Incluye pequeño texto de crédito en la parte inferior del mega‑menu.
-
3.912 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.912 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 y botón de menú
- 1.2 Mega‑menu desplegable numerado
- 1.3 Hero compuesto (título múltiple, subtítulo, CTA)
- 1.4 Ticker continuo de logos/íconos
- 1.5 Bloque About (título, párrafo, items con imagen y descripción)
- 1.6 Grid de estadísticas (icono + contador + label)
- 1.7 Footer (info de contacto, enlaces rápidos, créditos)
ABOUT
- 2.1 Encabezado de página con breadcrumb
- 2.2 Texto descriptivo y misión
- 2.3 Equipo destacado en cards
- 2.4 Valores en iconos
SERVICES
- 3.1 Lista de servicios con iconos y breves descripciones
- 3.2 Sección de proceso de trabajo en pasos numerados
PORTFOLIO
- 4.1 Galería filtrable de proyectos
- 4.2 Detalle de proyecto con imágenes, datos y llamado a acción
BLOG
- 5.1 Lista de artículos con cards y extractos
- 5.2 Página individual de artículo con encabezado, contenido y barra lateral
CONTACT
- 6.1 Formulario de contacto simple
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Información de contacto y redes sociales
Imagen generada con OpenAI · gpt-image-2 · 14/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
