NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Portfolio Delta, una agencia digital, usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilo del sitio analizado:
- Paleta de colores: #0d0d0d (fondo oscuro), #ffffff (texto), #ff6f61 (accento principal), #f5f5f5 (gris claro), #1a1a1a (tarjetas).
- Tipografía: "Inter" para encabezados y cuerpo, importada desde Google Fonts.
- Header: barra superior con notificación pequeña, logo (SVG placeholder), nombre de marca, menú hamburguesa que despliega enlaces: Home, Servicios, Portafolio, Sobre nosotros, Tienda, Blog, Contacto. A la derecha, iconos de búsqueda, carrito (con badge) y botones "Contact" y "Overview".
- Hero: sección full‑width con fondo degrad
3.569 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.569 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 barra de notificación, logo, menú hamburguesa y enlaces principales
- 1.2 Bloque de búsqueda y botones de llamada a la acción y carrito
- 1.3 Hero principal
- 1.4 Valores destacados
- 1.5 Galería de trabajos
- 1.6 Servicios
- 1.7 Métricas / testimonios
- 1.8 Llamada a la acción secundaria
- 1.9 Footer con información institucional
SERVICES
- 2.1 Cabecera reutilizada
- 2.2 Título de página y descripción
- 2.3 Lista de servicios en columnas con iconos
- 2.4 Caso de estudio destacado
- 2.5 CTA de contacto
- 2.6 Footer
WORKS
- 3.1 Cabecera
- 3.2 Título de página
- 3.3 Filtro de categorías
- 3.4 Grid de proyectos con hover
- 3.5 CTA para ver más proyectos
- 3.6 Footer
ABOUT
- 4.1 Cabecera
- 4.2 Historia de la agencia
- 4.3 Equipo en tarjetas
- 4.4 Valores y misión
- 4.5 CTA a contactar
- 4.6 Footer
BLOG
- 5.1 Cabecera
- 5.2 Lista de artículos en tarjetas
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer
STORE
- 6.1 Cabecera
- 6.2 Listado de productos en grid
- 6.3 Filtros y ordenamiento
- 6.4 Detalle de producto modal
- 6.5 Carrito lateral
- 6.6 Footer
PROMPTS RELACIONADOS · PORTFOLIO
