COMERCIO ELECTRÓNICO · Claude Design · HTML

Luminara Skin — Prompt de diseño web para Claude AI

★★★★★4,8 3.919 descargas

Cosmética y cuidado de la piel Rutinas simples para una piel radiante.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web de comercio electrónico para la marca ficticia Luminara Skin usando un único archivo HTML con Tailwind CSS CDN y JavaScript vanilla. La paleta de colores es #2C3E50 (azul marino), #E74C3C (rojo coral), #F7F7F7 (gris muy claro) y #FFFFFF (blanco). Tipografía: "Inter" para encabezados y "Roboto" para cuerpo. 
Header: barra superior pegajosa con mensaje "Envío estándar gratuito en pedidos superiores a 50 €"; logo a la izquierda; menú horizontal (Home, About, Shop, Blog, Contact, FAQ); icono de búsqueda que despliega un campo; icono de carrito que abre un panel lateral derecho mostrando productos, cantidades, subtototal y botones "Continuar" y "Pagar".
Home sections (en orden):
1. Hero de ancho completo con fondo de imagen suave, título grande, subtítulo y botón "Descubre la 

δⁿπ∞╠─σα φ╔Σαφ░╡ ┼─↓╝╡╝─ µⁿδ♦▀│◙ ┼◙Σ≡≡╬≡ ▒─↓∞│♦┼ ≤█φ↓∞ⁿ
 µσφπ┼╦┼ ≤╡─═↑░├ Ω╦♣σα╬┬ π┼♠█ⁿ√Ω ◙■╚┼²┴╣ ▀²─µ◘δ╠ ╠≡ⁿ◙♣
▀ ♦╝≡♦•│█ ╚◙↑▒├╬↔ ├╚║╔◙√▒ ∞←╔╦♦↔Σ Ω♣•εα├│ ↔≡╦─←±← ≤╬▒┬
↓² ≤≡Φ←┼Σµ ╣σ↑╚↑♠╬ Ω─◙╫∩┴┼ ↔─±║≤♦─ ◙→╦■╔♦╠ ┬═┬→╩┴π α■ß
♦▓Φ φ╡≥╩◙┬δ ║α≥├α√╬ ├√≥♣δ↔■ ├└•░Ωδδ Σ↓δ◘π┴δ ↑└╔▒±▀← ≥α
µ┤◙φ σ╩░█╠◘∞ ┬π╔δ╗╣┤ ╝╔╫╡├┴═ ╔δ╩◙┬♠╔ ◘█µ╔∞Ω┬ ▀├└↓µ♣█ •
Ω♣πΩ≡ ²■σ░█╚δ ↑╡╔π▀ⁿ→ ▀╗╚→╫█π σΣ┴τ╠┤∩ ═■┼♦♠▓ß ≡├φφ╬╣┤ 
Σ┼╚←├┬ ╣▒ß♦≡♠← ▓╚√→←↓≤ τ╩╡←σß▓ ∞♦╫Σµ┴≥ ╠±╗≤Φ╣φ ß±╝≤╚┬♠
♣╔ε•↓┬♦ ╗ⁿ┼╔┼╫╝ ↓█├δ•┴┴ ╫•≡∩²╦├ ≤ⁿτ╦∞Φ← ↑│┼ß∩≤╫ ∞²╦≤←Ω
 ≤╫∞→↓µ• ♠╫╡╩─╡↔ ♠╔╫µ═α═ ²█╔√↓σ╝ ▀√╔τΦ╠∩ ♣↓╔┼░√ß ╡→♣┤→
┴ ╫♦╩░Ω└µ ◙╚√░▓∞├ Ω╦╔╡╬◘→ ♠≥ßτ═←Σ Σß╡╩∞╡√ ╠▀╡║↑╚µ

3.369 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

3.369 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 informativa superior con mensaje de envío gratuito
1.2 Header con logo, menú principal, buscador y carrito lateral
1.3 Hero principal con imagen, título y botón CTA
1.4 Bloque de ventajas (iconos + texto) en formato grid
1.5 sección de productos destacados en carrusel/grid
1.6 Área de testimonios con citas de usuarios
1.7 Formulario de suscripción al newsletter
1.8 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

2.1 Hero interno con fotografía y texto introductorio
2.2 Historia de la marca en bloque de dos columnas
2.3 Valores y misión con iconos
2.4 Equipo destacado en tarjetas
2.5 Footer estándar

SHOP

3.1 Banner de filtro y búsqueda
3.2 Grid de productos con tarjetas (imagen, nombre, precio, botón añadir)
3.3 Paginación simple
3.4 Footer estándar

PRODUCT DETAIL

4.1 Galería de imágenes del producto
4.2 Información del producto (título, descripción, precio, selector de variantes)
4.3 Botón añadir al carrito
4.4 Sección de productos relacionados
4.5 Footer estándar