NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Tienda Vega** (tiendavega.com), una tienda online de productos ecológicos. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Paleta de colores**
- Verde principal: #1A7F5C
- Verde claro: #A8E6CF
- Gris oscuro: #2D2D2D
- Gris claro: #F5F5F5
- Blanco: #FFFFFF
**Tipografía**
- Fuente principal: Inter (cargar desde Google Fonts)
- Fuente secundaria: DM Sans
**Header**
- Barra de navegación fija, fondo blanco con sombra ligera.
- Logo SVG ficticio a la izquierda.
- Menú horizontal: Home, About, Blog, Contact.
- Dropdown bajo "Pages" con enlaces a Home, About, Blog, Contact y otras secciones ficticia
4.239 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.239 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ú y carrito
- 1.2 Hero con título, subtítulo y botón
- 1.3 Cuatro bloques de beneficios
- 1.4 Galería de productos destacados
- 1.5 Testimonios en carrusel
- 1.6 Suscripción al newsletter
- 1.7 Footer con enlaces y redes
ABOUT
- 1.1 Cabecera compartida
- 1.2 Imagen grande con texto descriptivo
- 1.3 Valores de la marca en columnas
- 1.4 Equipo en tarjetas
- 1.5 CTA a tienda
- 1.6 Footer compartido
BLOG
- 1.1 Cabecera compartida
- 1.2 Lista de entradas en tarjetas con imagen, título y extracto
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer compartido
CONTACT
- 1.1 Cabecera compartida
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Información de contacto y redes
- 1.5 Footer compartido
PROMPTS RELACIONADOS · E-COMMERCE
