NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Afilart Studio** (afilartstudio.com) con el siguiente alcance y stack: HTML estático, Tailwind CSS vía CDN, y JavaScript vanilla en un único archivo. Utiliza la paleta de colores basada en tonos oscuros y metálicos: #0D0D0D (fondo principal), #1F1F1F (secciones), #C0A060 (acento dorado), #FFFFFF (texto), #E5E5E5 (bordes suaves). Tipografía: **"Inter"** para títulos y cuerpo, peso 400‑700, importada desde Google Fonts.
**Header**: barra fija superior con logo SVG centrado a la izquierda, menú de navegación horizontal con enlaces: Home, Services, About Us, Gallery, Blog, Shop, Contact. Incluye dos dropdowns (Demos y All Pages) con estructura de mega‑menú de tres columnas. A la derecha, botón de carrito modal que muestra número de ítems.
*
4.298 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.298 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, menú desplegable y botón de carrito
- 2.1 Hero con imagen de fondo, título amplio y botón principal
- 3.1 Cuadrícula de servicios destacados con iconos y breve descripción
- 4.1 Sección de galería con imágenes en mosaico
- 5.1 Equipo de barberos con foto y nombre
- 6.1 Testimonios en carrusel
- 7.1 Llamada a la acción para reservar cita
- 8.1 Footer con enlaces rápidos, redes sociales y datos de contacto
SERVICES
- 1.1 Encabezado de página con título y breve descripción
- 2.1 Lista de servicios en tarjetas con icono, nombre y texto corto
- 3.1 Botón de reserva instantánea
ABOUT US
- 1.1 Introducción de la marca con imagen y texto descriptivo
- 2.1 Valores y misión en bloques iconográficos
TEAM
- 1.1 Galería de profesionales con foto, nombre y especialidad
- 2.1 Botón para contactar al equipo
GALLERY
- 1.1 Mosaico de imágenes de alta resolución
- 2.1 Filtros por categoría
BLOG
- 1.1 Lista de artículos con miniatura, título, resumen y fecha
- 2.1 Paginación
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 2.1 Mapa incrustado y datos de la tienda
SHOP
- 1.1 Lista de productos en tarjetas con imagen, nombre y botón "Añadir al carrito"
- 2.1 Filtros y paginación
PROMPTS RELACIONADOS · MODA
