NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Propiedades Orion** (propiedadesorion.com), un comercio electrónico de productos de estilo de vida. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.
**Objetivo**: reproducir el diseño visual y la arquitectura de la página analizada, sin copiar texto ni imágenes originales. Mantén la misma jerarquía de bloques, paleta de colores y tipografías, pero con contenido original en español de España.
**Paleta de colores**:
- #0A0A0A (negro profundo) – fondo principal y textos oscuros.
- #FFFFFF (blanco) – fondos de tarjetas y texto principal.
- #F5F5F5 (gris muy claro) – fondos secundarios y hover.
- #FF6F61 (coral vibrante) – acentos, botones y enlaces.
- #555555 (gris medio) – texto secundario.
**Tipograf
4.753 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.753 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, enlaces principales y carrito
- 2.1 Hero con título, subtítulo y botón principal
- 3.1 Bloque de categorías resaltadas en tarjetas
- 4.1 Grid de productos destacados con imagen, nombre y precio
- 5.1 Testimonios en carrusel horizontal
- 6.1 Formulario de suscripción al boletín
- 7.1 Footer con enlaces útiles, redes sociales y datos de contacto
CATEGORÍA
- 1.1 Encabezado con título y breve descripción
- 2.1 Lista de sub‑categorías en columnas
PRODUCTO
- 1.1 Galería de imágenes del producto
- 2.1 Nombre y descripción corta
- 3.1 Precio y botón de añadir al carrito
- 4.1 Características en lista
- 5.1 Reseñas de clientes
CARRITO
- 1.1 Tabla con productos añadidos, cantidad y subtotal
- 2.1 Resumen de total y botón de checkout
CHECKOUT
- 1.1 Formulario de datos de facturación y envío
- 2.1 Resumen del pedido y botón de confirmar compra
CONTACTO
- 1.1 Formulario de contacto con nombre, email y mensaje
- 2.1 Información de ubicación y redes sociales
PROMPTS RELACIONADOS · REAL ESTATE
