NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Marketing Ámbar" (agencia digital) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, siguiendo estos requisitos:
---
**Paleta de colores**
- Primario: #0A0A0A (negro profundo)
- Secundario: #FFFFFF (blanco)
- Acents: #F4F4F4 (gris muy claro) y #1A73E8 (azul brillante para CTA)
---
**Tipografía**
- Fuente principal: Inter, sans‑serif (cargar desde Google Fonts). Peso 400‑600.
- Titulares en bold 600, cuerpo en 400.
---
**Header / Navegación**
- Barra fija, fondo blanco, sombra ligera.
- Logo a la izquierda (SVG abstracto, puedes usar un rectángulo con texto "Lumina").
- Menú con enlaces: "Overview", "Servicios", "Portafoli
5.454 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.454 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 menú desplegable
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Sección Overview con bloques de texto e iconos
- 1.4 Grid de casos de estudio/portafolio
- 1.5 Área de testimonios con carrusel
- 1.6 Llamada a la acción final y formulario de contacto
- 1.7 Footer con enlaces, redes y datos de la empresa
SERVICIOS
- 2.1 Encabezado de sección servicios
- 2.2 Tarjetas descriptivas con iconos y texto
- 2.3 CTA para solicitar presupuesto
PORTAFOLIO
- 3.1 Galería tipo masonry de proyectos
- 3.2 Filtros por categoría
- 3.3 Detalle modal de proyecto
TESTIMONIOS
- 4.1 Slider automático de testimonios
- 4.2 Navegación con puntos
CONTACTO
- 5.1 Formulario sencillo con campos nombre, email, mensaje
- 5.2 Mapa estático incrustado
- 5.3 Información de contacto y redes
BLOG
- 6.1 Lista de artículos con imágenes y extractos
- 6.2 Paginación
- 6.3 Sidebar con categorías y archivos
FOOTER
- 7.1 Logo y breve descripción
- 7.2 Enlaces de navegación secundarios
- 7.3 Iconos de redes sociales
- 7.4 Aviso legal y derechos de autor
PROMPTS RELACIONADOS · DIGITAL AGENCY
