NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y vanilla JavaScript, que reproduzca el diseño visual y la estructura del sitio analizado, pero con la marca ficticia "ArtesanoLuz". El proyecto debe incluir:
- Paleta de colores: #2C1B1B (marrón oscuro), #FFB400 (amarillo dorado), #FFFFFF (blanco), #F5F5F5 (gris claro), #000000 (negro). Usa el marrón como fondo principal del header y footer, el amarillo para botones y acentos, y el gris claro para secciones de fondo.
- Tipografía: Usa "Montserrat" para encabezados (peso 700) y "Open Sans" para cuerpo (peso 400).
- Header: logo SVG a la izquierda, menú horizontal con enlaces Home, About, Shop, Blog, Contact y un dropdown "Pages" con enlaces adicionales. Icono de carrito a la derecha mostrando número de items.
3.658 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.658 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 Encabezado con logo, menú principal y carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Categorías destacadas (4 tarjetas)
- 1.4 Productos destacados (carrusel de tarjetas)
- 1.5 Testimonios (slider de citas)
- 1.6 Suscripción al boletín (formulario)
- 1.7 Footer con enlaces, redes y contacto
ABOUT
- 1.1 Encabezado similar al Home
- 1.2 Imagen hero con mensaje institucional
- 1.3 Historia de la marca en dos columnas
- 1.4 Valores y misión en bloques icónicos
- 1.5 Equipo (grid de fotos y descripciones)
- 1.6 CTA a la tienda
- 1.7 Footer
SHOP
- 1.1 Encabezado
- 1.2 Filtro de categorías y barra de búsqueda
- 1.3 Lista de productos en tarjetas con imagen, nombre, precio y botón "Añadir al carrito"
- 1.4 Paginación
- 1.5 Footer
BLOG
- 1.1 Encabezado
- 1.2 Lista de artículos en cards con imagen, título, extracto y metainformación
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer
CONTACT
- 1.1 Encabezado
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de contacto adicional
- 1.5 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2