COMERCIO ELECTRÓNICO · Claude Design · Tailwind CSS · HTML5

Línea Aurora – Tema web de moda contemporánea

Tema estático para la marca ficticia Línea Aurora, con diseño responsive y animaciones CSS. Incluye hero fullscreen, galería de productos y footer con enlace a Design Prompting, todo en un único archivo.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Línea Aurora — vista previa
NUEVO PROMPT GPT Image 2
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una marca ficticia de moda llamada "Línea Aurora". Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: fondo #F5F5F5, texto principal #111111, acento #D4A675, detalle #8A8A8A, botón #111111 con hover #D4A675. Tipografía: headings con "Playfair Display" (serif, weight 700) y cuerpo con "Inter" (sans, weight 400). Estructura: - <header class="fixed top-0 w-full bg-white shadow"> contiene logo a la izquierda, menú hamburguesa a la derecha, enlaces: Home, Collections, About, Stockists y botón "Inquired" con icono flecha. Incluye íconos SVG para Instagram, Twitter y LinkedIn. - Hero full‑screen con dos títulos diagonales superpuestos: "Línea" (h1) y "Aurora" (h2), ligeramente rotados 7°, opacidad 0.05.
3.769 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.769 caracteres · licencia libre Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Línea 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 Navbar fijo con logo, enlaces y redes sociales
  • 1.2 Hero fullscreen con títulos superpuestos y botón primario
  • 1.3 Bloque de presentación con subtítulo, índice y texto introductorio
  • 1.4 Imagen destacada animada
  • 1.5 Texto informativo sobre la marca
  • 1.6 Sección de galería con descripción y fichas de producto en cuadrícula
  • 1.7 Footer minimalista con enlaces y redes sociales

COLLECTION

  • 2.1 Header interno con breadcrumb
  • 2.2 Grid de imágenes de la colección, cada una con overlay de nombre
  • 2.3 Texto descriptivo de la colección
  • 2.4 Footer reutilizado

ABOUT

  • 3.1 Header interno
  • 3.2 Imagen principal y bloque de texto con misión y visión
  • 3.3 Equipo en tarjetas pequeñas
  • 3.4 Footer reutilizado

CONTACT

  • 4.1 Formulario de contacto minimalista
  • 4.2 Información de email y redes
  • 4.3 Footer reutilizado
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría