NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático único usando HTML, TailwindCSS CDN y JavaScript vanilla en un solo archivo. Marca ficticia: NimbusPixel (nimbuspixel.com). Tema: ecommerce creativo con blog integrado. Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #10B981 (verde acento), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y body, peso 400–600.
Estructura:
- <header class="fixed w-full bg-white shadow-md"> con logo a la izquierda, menú desplegable (Home, Articles, Categories, About, Shop) y botón de contacto a la derecha, ícono de carrito que abre un modal.
- <main> con secciones numeradas según "secciones".
1. Hero: contenedor flex col-center, fondo degradado azul, título grande, subtítulo, botón primary (bg-blue-600 hover:bg-blue-700 text
3.585 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.585 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ú desplegable, enlaces rápidos y carrito
- 1.2 Hero con título, subtítulo y llamada a acción
- 1.3 Galería de productos destacados en rejilla responsive
- 1.4 Bloque de artículos recientes con miniaturas
- 1.5 Sección de suscripción al boletín
- 1.6 Footer con información de contacto, enlaces útiles y redes sociales
ARTICLES
- 1.1 Lista de artículos en formato tarjeta con imagen, título y extracto
- 1.2 Paginación inferior
ABOUT US
- 1.1 Imagen hero interna
- 1.2 Texto descriptivo de la empresa
- 1.3 Equipo en tarjetas
SHOP
- 1.1 Cabecera de categoría
- 1.2 Rejilla de productos con filtros
- 1.3 Paginación
CART (modal)
- 1.1 Lista de productos en el carrito con imagen, nombre, precio y cantidad
- 1.2 Subtotal y botón de checkout
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.2 Mapa incrustado
PROMPTS RELACIONADOS · BLOG / REVISTA
