NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Digital Aurora, estudio de diseño UI/UX y desarrollo web. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio analizado:
- Paleta de colores: fondo principal #0a0a0a, texto principal #f5f5f5, acentos #ff6f61 y #00c2ff, elementos secundarios #2e2e2e.
- Tipografía: fuente principal "Montserrat" (sans-serif) para títulos y "Roboto" para párrafos.
- Header (barra superior): incluye ubicación estática "en madrid, es", reloj digital que muestra la hora actual, email de contacto "hola@digitalaurora.com" y botón de menú "[ MENÚ ]" que abre un overlay móvil con enlaces Home, Sobre mí, Servicios, Proyectos, Blog y Contacto. Botón de llamada a la acción "[ Contactar ]"
4.307 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.307 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 superior con ubicación, hora, email y botón de menú
- 1.2 Hero: título, subtítulo, video de fondo, botón show‑reel, texto a la derecha y enlace de disponibilidad
- 1.3 Marquee de expertise (texto repetido: expertise, capability, services)
- 1.4 Grid de servicios: Logo & branding, UI & UX Design, Low‑code development + etiquetas
- 1.5 Texto sobre trayectoria del estudio
- 1.6 Galería de trabajos: UX design enhancement (2026, Shopify), Customer journey mapping (2025, Slack) …
- 1.7 Footer con enlaces principales y datos de contacto
ABOUT
- 2.1 Cabecera de sección con título y descripción
- 2.2 Texto sobre la filosofía del estudio
- 2.3 Imagen o vídeo ilustrativo
SERVICES
- 3.1 Lista detallada de servicios con iconos y descripciones
- 3.2 CTA a contacto
PROJECTS
- 4.1 Galería completa de proyectos con filtros por categoría
- 4.2 Detalle individual de proyecto (imágenes, brief, resultados)
CONTACT
- 5.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 5.2 Información de localización y teléfono
- 5.3 Mapa incrustado
PROMPTS RELACIONADOS · TECNOLOGÍA