NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Arabesco Lúmina" (agencia digital) usando **un solo archivo HTML** que incluya **Tailwind CSS vía CDN** y **JavaScript vanilla** (sin frameworks).
- **Estructura**: Header fijo, página Home con hero dividido en dos columnas (texto + CTA a la izquierda, tarjetas de servicio a la derecha), bloque de reseña con carrusel de 3 imágenes y contador "120K+ Active users", dropdown "Pages" con enlaces a About, Service, Blog, Team, Pricing, Contact, 404, License, Style Guide, Change‑Log. Botón "Contact us" en header y en hero.
- **Páginas adicionales**: About, Service, Blog, Contact (formulario + mapa). Cada página reutiliza header y footer.
- **Footer**: cuatro columnas – Navegación rápida, Servicios, Legal y Redes sociales.
- **Paleta de color
3.589 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.589 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 Cabecera con logo, menú principal, dropdown "Pages", enlace a Blog y botón Contact us
- 1.2 Hero izquierda: subtítulo "Creative Agency", título "Creative Digital Solution Agency", texto breve, botón "Let’s Work Together ?"
- 1.3 Hero derecha: tarjetas de servicio rápido (UI/UX Design, Marketing) con iconos
- 1.4 Reseña: carrusel de imágenes + contador "120K+ Active users"
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Sección de misión y visión con imágenes y texto
- 2.3 Equipo con tarjetas de perfil
SERVICE
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios en grid, cada ítem con icono, título y breve descripción
- 3.3 CTA para contactar
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto (nombre, email, asunto, mensaje) y mapa embed
- 5.3 Información de contacto y redes sociales
FOOTER (presente en todas las páginas)
- Enlaces rápidos (Home, About, Services, Blog, Contact)
- Información legal y derechos reservados
- Iconos de redes sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
