NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Crónica Aurora (cronicaaurora.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el patrón visual del template analizado:
- Paleta de colores: fondo #FFFFFF, texto principal #111111, acentos #1A73E8 (azul) y #F2994A (naranja suave).
- Tipografía: Inter (sans-serif) para cuerpos, Merriweather para titulares.
- Cabecera fija con logo a la izquierda, enlaces de navegación (Autor, Blog, Testimonios, Socios) centrados y botón "Purchase" a la derecha, más ícono de carrito que abre un dropdown con lista de items, cantidad y subtotal. Menú hamburguesa para móviles.
- Hero: contenedor centrado, título grande con animación de desvanecimiento y desplazamiento, subtítulo y botón principal "Explorar".
-
3.613 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.613 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 Cabecera con logo, menú anclado, botón de compra y carrito desplegable
- 1.2 Menú hamburguesa responsivo
- 1.3 Sección Hero con título animado y botón principal
- 1.4 Bloque "Author" con presentación breve
- 1.5 Bloque "Blog" con tarjetas de últimas entradas
- 1.6 Bloque "Testimonials" con carrusel de opiniones
- 1.7 Bloque "Partners" mostrando logotipos de colaboradores
- 1.8 Footer con enlaces institucionales y redes sociales
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Lista de artículos en formato grid
- 1.3 Paginación inferior
- 1.4 Footer estándar
PRODUCTO
- 1.1 Cabecera reutilizada
- 1.2 Galería de imágenes del producto
- 1.3 Detalle del producto: título, descripción, selector de variantes, botón "Purchase"
- 1.4 Sección de productos relacionados
- 1.5 Footer estándar
CHECKOUT
- 1.1 Cabecera mínima
- 1.2 Resumen del pedido y formulario de datos de envío
- 1.3 Botones de pago rápido (Apple Pay, Google Pay)
- 1.4 Footer mínimo
PROMPTS RELACIONADOS · BLOG / MAGAZINE
