NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Inmobiliaria Orion" (tienda online de decoración y muebles). Utiliza HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #1F2937 (gris oscuro), #F9FAFB (blanco casi puro), #3B82F6 (azul primario), #10B981 (verde acento), #F59E0B (amarillo realce). Tipografía: "Inter" para encabezados y cuerpos, cargada desde Google Fonts.
Estructura y requisitos:
- **Barra superior** (sección 1.1): fondo #3B82F6, texto blanco, carrusel automático de 3 mensajes promocionales, altura 48px, oculto en móvil.
- **Navbar** (1.2): logo SVG ficticio a la izquierda, menú horizontal con enlaces Home, Sobre nosotros, Tienda, Blog, Contacto; mega‑menu bajo "Tiendas" con tres columnas (Páginas, CMS, Util
3.783 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.783 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 mensaje promocional y carrusel de textos
- 1.2 Encabezado (navbar) con logo, menú principal, mega‑menu y carrito
- 1.3 Banner hero con título, subtítulo y botón CTA
- 1.4 Cuadrícula de categorías destacadas (4 columnas)
- 1.5 Selección de productos destacados (tarjetas con imagen, nombre y precio)
- 1.6 Sección de testimonios con carrusel
- 1.7 Llamada a la acción para suscripción al boletín
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado con imagen de portada y título "Sobre nosotros"
- 2.2 Texto descriptivo de la marca y su filosofía
- 2.3 Equipo (tarjetas con foto y nombre)
- 2.4 Valores y misión en bloques icónicos
- 2.5 CTA a la tienda
- 2.6 Pie de página (reutilizado)
SHOP
- 3.1 Filtros laterales (categorías, precio, estilo)
- 3.2 Cuadrícula de productos (tarjetas con foto, nombre, precio y botón "Añadir")
- 3.3 Paginación
- 3.4 Pie de página
BLOGS
- 4.1 Lista de artículos con miniatura, título, extracto y fecha
- 4.2 Barra lateral con categorías y búsqueda
- 4.3 CTA a suscripción al boletín
- 4.4 Pie de página
PRODUCT DETAILS
- 5.1 Galería de imágenes del producto (slider)
- 5.2 Información del producto (nombre, precio, descripción, opciones)
- 5.3 Selector de cantidad y botón "Añadir al carrito"
- 5.4 Productos relacionados (tarjetas)
- 5.5 Comentarios y valoraciones
- 5.6 Pie de página
CATEGORY
- 6.1 Cabecera con nombre de la categoría
- 6.2 Cuadrícula de productos filtrados
- 6.3 Paginación
- 6.4 Pie de página
BLOG DETAIL
- 7.1 Título del artículo y foto principal
- 7.2 Contenido del artículo (texto y bloques multimedia)
- 7.3 Compartir en redes sociales
- 7.4 Artículos relacionados
- 7.5 Pie de página
CONTACT
- 8.1 Formulario de contacto (nombre, email, mensaje)
- 8.2 Mapa incrustado y datos de dirección
- 8.3 Información de teléfono y email
- 8.4 Pie de página
UTILITY PAGES (Style Guide, Changelog, Licences, 404, 401)
- 9.1 Cada página con encabezado y contenido descriptivo propio
- 9.2 Pie de página común
PROMPTS RELACIONADOS · REAL ESTATE
