NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática autogenerada con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo que reproduzca el diseño visual y la estructura de la web descrita. Marca ficticia: Shop Rubí, dominio shoprubi.com. Usa la paleta de colores: #0D274D (azul marino), #1A73E8 (azul vibrante), #F2F5FA (gris muy claro), #FFFFFF (blanco), #FFB800 (amarillo dorado). Tipografía: Headings con 'Inter', body con 'Roboto', ambas vía Google Fonts.
**Header**: barra fija, fondo blanco, logo a la izquierda (svg placeholder), menú horizontal con enlaces Home, About, Products, Blog, Contact y un ítem desplegable "Pages" con sub‑enlaces. A la derecha, ícono de carrito con contador que abre modal al clic.
**Hero**: sección full‑width, fondo #0D274D, texto centrado en blanco: título grande, su
3.909 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.909 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 modal
- 1.2 Hero con título, descripción breve y botón principal
- 1.3 Sección de productos destacados en cuadrícula de tarjetas
- 1.4 Área de ventajas con iconos y texto descriptivo
- 1.5 Testimonios en carrusel sencillo
- 1.6 Llamado a la acción final y suscripción al newsletter
- 1.7 Footer con enlaces útiles, datos de contacto y redes sociales
ABOUT US
- 2.1 Header interno con camino de navegación
- 2.2 Banner interior con título y subtítulo
- 2.3 Texto descriptivo de la empresa y misión
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Valores en bloques con iconos
- 2.6 Footer clásico
PRODUCTS
- 3.1 Header interno con filtros de categoría
- 3.2 Grid de productos con imagen, nombre, precio y botón "Añadir"
- 3.3 Paginación inferior
- 3.4 Footer
BLOG
- 4.1 Lista de artículos con imagen, título, extracto y fecha
- 4.2 Sidebar con categorías y últimos posts
- 4.3 Footer
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado
- 5.3 Información de contacto y redes
- 5.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO