NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Hábitat Orion, tienda online de decoración, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
- **Paleta de colores**: #F5F7FA (fondo claro), #1A202C (texto principal), #2B6CB0 (botones y enlaces), #E2E8F0 (bordes y fondos secundarios), #FFB74D (acentos hover).
- **Tipografía**: 'Inter', sans-serif para títulos y cuerpo, peso 400/600.
- **Header**: barra fija, logo a la izquierda, menú principal con dropdowns (Demos, Quiénes somos, Servicios, Todas las páginas) y botón de "Consulta" a la derecha, icono de carrito con contador que abre un modal modal de carrito.
- **Hero**: sección a pantalla completa con fondo degradado suave, título grande, subtítulo y botón primario "Explorar colección" centrado.
- **Sec
4.009 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.009 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 logo, menú desplegable, botón de carrito y llamado a acción
- 2.1 Hero con imagen de fondo y texto central
- 3.1 Sección de categorías en grid de iconos
- 4.1 Productos destacados en carrusel
- 5.1 Colección de ofertas con tarjetas
- 6.1 Testimonios en slider
- 7.1 Formulario de suscripción al boletín
- 8.1 Footer con enlaces, redes y datos de contacto
CATÁLOGO
- 1.1 Lista de productos en cuadrícula con filtro y paginación
- 2.1 Filtros laterales por categoría, precio y color
- 3.1 Barra de búsqueda y ordenación
DETALLE DE PRODUCTO
- 1.1 Galería de imágenes del producto
- 2.1 Información del producto: título, descripción, precio, selector de variantes
- 3.1 Botón "Añadir al carrito" y sección de productos relacionados
SOBRE NOSOTROS
- 1.1 Historia de la marca con imagen destacada
- 2.1 Valores y misión
- 3.1 Equipo con fotos y breves biografías
CONTACTO
- 1.1 Formulario de contacto
- 2.1 Mapa incrustado y datos de contacto
- 3.1 Horario y enlaces a redes sociales
PROMPTS RELACIONADOS · BIENES RAÍCES
