NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa para la marca ficticia **Revista Vega** (tienda de moda boutique) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El diseño debe replicar los siguientes patrones visuales y estructurales del sitio original:
- **Paleta de colores**: #FFFFFF (blanco), #000000 (negro), #5A5A5A (gris oscuro), #D9D9D9 (gris claro), #E63946 (rojo acento). Usa estas tonalidades para fondos, textos y acentos.
- **Tipografía**: Fuente principal **"Inter"** (Google Fonts) para títulos y cuerpo, peso 400‑700. Títulos en mayúsculas con tracking amplio.
- **Header**: barra fija con logo a la izquierda, menú numerado (01 Shop, 02 Our Story, 03 Blog, 04 Collection, 05 Contact) alineado a la derecha, ícono de búsqueda que despliega un input overlay
4.249 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.249 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 fija con logo, menú numerado, buscador y carrito modal
- 2.1 Sección Hero con imagen de fondo y llamada a la acción
- 3.1 Bloque de colección destacado con tarjetas de producto tipo grid
- 4.1 Sección Nuestra Historia con texto y foto
- 5.1 Bloc de últimas entradas del blog en formato tarjetas
- 6.1 Formulario de contacto breve y mapa incrustado
- 7.1 Footer con enlaces de navegación, redes sociales y suscripción
PRODUCTOS
- 1.1 Listado de productos en grid responsivo con filtros y paginación
- 2.1 Detalle de producto con galería de imágenes, selector de talla/color y botón "Añadir al carrito"
ABOUT
- 1.1 Historia completa de la marca con secciones de texto e imágenes
- 2.1 Equipo y valores, presentados en tarjetas horizontales
BLOG
- 1.1 Lista de artículos en formato tarjeta con imagen, título y extracto
- 2.1 Vista individual del artículo con contenido, autor y sección de comentarios
CONTACTO
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 2.1 Información de contacto y mapa interactivo
CART (modal)
- 1.1 Vista del carrito con miniaturas de productos, cantidad editable y total
- 2.1 Botones de "Continuar compra" y "Ir a checkout"
CHECKOUT
- 1.1 Formulario de datos de envío y facturación
- 2.1 Resumen de pedido y opciones de pago
- 3.1 Botón final de "Realizar pedido"
PROMPTS RELACIONADOS · BLOG / MAGAZINE
