NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LuzSombra" (luzsombra.com) usando solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. La web debe replicar la estructura y estilo del template analizado: una barra de navegación fija con fecha y zona horaria, logo minimalista (texto), enlaces a Home, Projects, Services, Shop, About Us y Contact, y un icono de carrito con contador. Utiliza una paleta de colores basada en tonos neutros y amarillos vibrantes: #FFFFFF (blanco), #F5F5F5 (gris claro), #FFD700 (amarillo dorado), #333333 (gris oscuro) y #000000 (negro). Tipografía principal: 'Inter' (Google Fonts) para títulos y párrafos, peso 400‑700.
Estructura de la página Home:
1. Hero: sección a pantalla completa, fondo gris claro, título grande en Inter Bold 4rem, subt
4.493 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.493 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 fecha y zona horaria, logo y enlaces.
- 1.2 Icono de carrito con contador.
- 1.3 Hero principal con título y subtítulo.
- 1.4 Galería de proyectos destacados en grid.
- 1.5 Tarjetas de servicios.
- 1.6 Botón principal que lleva a la tienda.
- 1.7 Footer con datos de contacto y redes.
PROJECTS
- 2.1 Sub‑header con título de la página.
- 2.2 Galería filtrable de trabajos en mosaico.
- 2.3 Paginación o carga infinita.
- 2.4 Footer idéntico al de Home.
SERVICES
- 3.1 Encabezado con breve descripción.
- 3.2 Lista de servicios en tarjetas con icono y texto.
- 3.3 Formulario de solicitud rápido.
- 3.4 Footer.
SHOP
- 4.1 Cabecera de tienda con filtro de categorías.
- 4.2 Grid de productos con imagen, nombre, precio y botón añadir.
- 4.3 Modal de carrito (ya incluido en header).
- 4.4 Footer.
ABOUT
- 5.1 Imagen del equipo o estudio.
- 5.2 Texto descriptivo de la marca.
- 5.3 Valores y misión en bloques.
- 5.4 Footer.
CONTACT
- 6.1 Formulario de contacto con nombre, email, asunto y mensaje.
- 6.2 Mapa estático o dirección.
- 6.3 Footer.
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO