NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Hogar Orion, una tienda online de productos artesanales y de diseño. Utiliza sólo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo.\n\n**Paleta de colores**:\n- Primario: #1E3A8A (azul marino)\n- Secundario: #F59E0B (ámbar)\n- Fondo: #F9FAFB (gris muy claro)\n- Texto principal: #111827 (gris negro)\n- Texto secundario: #6B7280 (gris medio)\n\n**Tipografía**:\n- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).\n\n**Estructura global**:\n- Header fijo con logo a la izquierda, menú horizontal (Home, About, Books, Events, Contact) y botón de carrito con contador.\n- Footer oscuro con fondo #1E3A8A, texto blanco, columnas: Información, Ayuda, Redes sociales, Suscripción.\n\n**Página HOME** (secciones numeradas
5.061 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.061 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ú y botón de carrito
- 2.1 Hero principal con fondo de imagen, título, subtítulo y botón CTA
- 3.1 Bloque de categorías en tarjetas con icono y enlace
- 4.1 Galería de productos destacados en rejilla responsive
- 5.1 Sección de contador de estadísticas (productos, clientes, envíos)
- 6.1 Testimonios de clientes en carrusel horizontal
- 7.1 Suscripción al boletín con campo de email
- 8.1 Footer con enlaces de ayuda, redes sociales y datos de contacto
ABOUT
- 1.1 Header reutilizado
- 2.1 Imagen de portada y descripción de la marca
- 3.1 Equipo y valores en bloques de texto e imagen
- 4.1 CTA a la tienda
BOOKS
- 1.1 Header reutilizado
- 2.1 Lista de libros en cuadrícula con filtros
- 3.1 Detalle rápido de cada libro (imagen, título, precio, añadir al carrito)
EVENTS
- 1.1 Header reutilizado
- 2.1 Calendario de eventos con tarjetas descriptivas
- 3.1 Formulario de inscripción rápida
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Mapa incrustado y datos de ubicación
CART
- 1.1 Sidebar derecho con resumen del carrito
- 2.1 Lista de productos, cantidades editables y precios
- 3.1 Botón de checkout y resumen de total
PROMPTS RELACIONADOS · REAL ESTATE
