Carrito Iniciar sesión
COMERCIO ELECTRÓNICO · Claude Design · HTML

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

Cosmética natural y cuidado personal Belleza consciente para el día a día.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Market Aurora — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Market Aurora** (cosmética natural) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. - **Objetivo**: tienda online con carrito modal, mega‑dropdown en la barra de navegación y secciones estilísticas descritas. - **Paleta de colores**: #0F4D30 (verde oscuro), #34A853 (verde brillante), #F5F5F5 (gris muy claro), #FFFFFF (blanco), #333333 (texto principal). - **Tipografía**: `font-sans` de Tailwind con familia "Inter", títulos en `font-bold` y tamaños `text-4xl` a `text-lg`. - **Header**: barra fija (`sticky top-0`) con logo a la izquierda, menú de navegación con item "Todas las páginas" que despliega un mega‑dropdown de dos columnas (Company, Resources) y enlaces a Home, About, Contact. Botón
3.908 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.908 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Market Aurora — home completa
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 logo, mega‑dropdown y botón de carrito
  • 1.2 Hero principal con fondo verde, título destacado y CTA
  • 1.3 Cuadrícula de categorías principales (4 columnas)
  • 1.4 Tarjetas de productos destacados (grid responsive)
  • 1.5 Carrusel de testimonios de clientes
  • 1.6 Formulario de suscripción al boletín
  • 1.7 Footer con información institucional, enlaces y redes sociales

ABOUT US

  • 2.1 Hero interno con imagen de fondo y texto descriptivo
  • 2.2 Historia de la marca en bloques de texto e imagen
  • 2.3 Valores y compromiso sostenibilidad
  • 2.4 Equipo con tarjetas de perfil
  • 2.5 CTA para contactar

PRODUCTS

  • 3.1 Filtro de categorías lateral y barra de búsqueda
  • 3.2 Grid de productos con imagen, nombre, precio y botón "Añadir"
  • 3.3 Paginación al pie
  • 3.4 Mini‑carrito flotante

BLOG

  • 4.1 Listado de artículos en tarjetas con imagen, título y extracto
  • 4.2 Sidebar con categorías y últimos posts
  • 4.3 Paginación

CONTACT

  • 5.1 Formulario de contacto avanzado (nombre, email, mensaje)
  • 5.2 Mapa incrustado
  • 5.3 Información de oficina y horario

CART MODAL

  • 6.1 Vista modal del carrito con lista de ítems, cantidades, subtotales y botones de checkout y continuar comprando
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría