NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Áurea Studios usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño visual y la estructura de la plantilla analizada, sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (acciones y enlaces), #F5F5F5 (secciones claras), #E0E0E0 (bordes y sombras). Tipografía: Inter (weights 400, 600, 700) para todo el cuerpo y encabezados.
Estructura requerida:
- **Header / Navbar**: barra fija, logo a la izquierda, enlaces Home, About, Work, Services, Blog, Contact; dropdown "Pages" con enlaces internos; botón de carrito con contador; botón "Contact Us" con efecto hover.
- **Hero**: sección a pantalla completa, fondo d
4.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.152 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, enlaces principales y dropdown de páginas, botón de carrito y contacto
- 1.2 Hero principal con título impactante, subtítulo y botones CTA
- 1.3 Sección de proyectos destacados en carrusel/grid
- 1.4 Grid de servicios con iconos y breve descripción
- 1.5 Área de testimonios o casos de éxito en tarjetas
- 1.6 Preview de últimas entradas del blog en tarjetas
- 1.7 Formulario de suscripción o contacto rápido
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Encabezado con imagen de fondo y título
- 1.2 Texto descriptivo de la agencia y su filosofía
- 1.3 Equipo en cards con foto, nombre y rol
- 1.4 Valores clave en lista con iconos
- 1.5 CTA a proyecto o contacto
- 1.6 Footer
WORK
- 1.1 Cabecera con título de portfolio
- 1.2 Grid de proyectos con imágenes, título y filtro por categoría
- 1.3 Modal o página individual de proyecto (imagen, descripción, resultados)
- 1.4 CTA a contacto
- 1.5 Footer
SERVICES
- 1.1 Header con título y breve intro
- 1.2 Lista de servicios en tarjetas con icono, título y texto corto
- 1.3 Caso de estudio destacado
- 1.4 CTA a solicitud de presupuesto
- 1.5 Footer
BLOG
- 1.1 Cabecera con título y buscador
- 1.2 Lista de artículos en cards (imagen, título, excerpt, fecha)
- 1.3 Sidebar con categorías y posts recientes
- 1.4 Footer
CONTACT
- 1.1 Formulario de contacto completo (nombre, email, asunto, mensaje)
- 1.2 Información de contacto y mapa embebido
- 1.3 CTA a redes sociales
- 1.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
