COMERCIO ELECTRÓNICO · Claude Design · HTML

Store Aurora — Prompt de diseño web para Claude AI

★★★★★4,6 1.938 descargas

Plataforma de cursos online y recursos educativos Conecta con el conocimiento.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo llamado **Store Aurora** (storeaurora.com) con el siguiente alcance y stack: HTML estático, Tailwind CSS vía CDN, y JavaScript vanilla en un único archivo. Utiliza la paleta de colores: #0D3B66 (azul oscuro), #FAF0CA (crema), #F4D35E (amarillo cálido), #EE964B (naranja suave), #F95738 (rojo coral). Tipografía principal: "Inter" (sans‑serif) para títulos y textos, y "Roboto Mono" para códigos y destacados.

**Estructura global**
- Header fijo con logo a la izquierda, menú hamburguesa que despliega un aside con enlaces principales (Inicio, Cursos, Sobre nosotros, Blog, Contacto) y un badge "Home". A la derecha, barra de búsqueda con placeholder "Buscar cursos o instructores" y botón de carrito con contador.
- Aside menu animado (slide‑in from left) con iconos SVG: 

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

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

4.550 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 Header con logo, buscador y menú hamburguesa
1.2 Hero con selector de audiencias y botón de todos los cursos
1.3 Barra de búsqueda de cursos
1.4 Menú de navegación secundario con enlaces a secciones y redes sociales
1.5 Carrito lateral oculto con lista de productos
1.6 Footer con enlaces de navegación, redes sociales y datos de contacto

COURSES

1.1 Listado de tarjetas de cursos con imagen, título, categoría y botón "Ver detalle"
1.2 Filtros laterales por audiencia y nivel
1.3 Paginación al final