NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Branding Alba (brandingalba.com). El proyecto debe estar implementado en un único archivo HTML que use Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce fielmente la estructura y los patrones visuales del sitio de referencia:
- Cabecera fija con logo a la izquierda y menú horizontal (Home, About, Projects, Services, Contact) con subrayado activo y botón de menú hamburguesa para móvil.
- Hero a pantalla completa con carrusel automático de imágenes (mínimo 8), cada una con texto superpuesto en columnas: una columna con palabras clave (Digital Media, Branding, Art Direction, Web Development) y otra con ubicaciones (Los Angeles, London, Milano). Añadir enlaces a Instagram, Twitter y LinkedIn en una columna a la derecha. In
3.605 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.605 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 fija con logo y menú de navegación
- 2.1 Hero principal con carrusel de imágenes, título, subtítulos y botones de acción
- 3.1 Bloque "Sobre el estudio" con título, descripción y llamada a la acción
- 4.1 Grid de logos de partners
- 5.1 Sección de proyectos destacados (grid de tarjetas)
- 6.1 Footer con enlaces institucionales y redes sociales
ABOUT
- 1.1 Cabecera fija con logo y menú de navegación
- 2.1 Imagen destacada y texto descriptivo del estudio
- 3.1 Equipo (tarjetas de perfil)\n- 4.1 Footer
PROJECTS
- 1.1 Cabecera fija con logo y menú de navegación
- 2.1 Galería de proyectos en grid responsivo
- 3.1 Filtro por categorías
- 4.1 Footer
SERVICES
- 1.1 Cabecera fija con logo y menú de navegación
- 2.1 Lista de servicios con iconos y descripciones
- 3.1 Testimonios en carrusel
- 4.1 Footer
CONTACT
- 1.1 Cabecera fija con logo y menú de navegación
- 2.1 Formulario de contacto con campos básicos
- 3.1 Mapa incrustado
- 4.1 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
