NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Crónica Lira** (dominio cronicalira.com) siguiendo el estilo visual del código suministrado. Utiliza **HTML5** y **Tailwind CSS CDN** en un único archivo, con interacción mínima en **JavaScript vanilla** (menú hamburguesa, dropdown, animaciones de entrada y carrito emergente).
**Paleta de colores**:
- Primario: #0d6efd (azul vibrante)
- Secundario: #6c757d (gris medio)
- Fondo: #f8f9fa (gris muy claro)
- Texto principal: #212529 (negro casi)
- Accent: #ff6b6b (rojo coral para botones)
**Tipografía**: Inter (Google Font) para cuerpo y títulos, peso 400‑600.
**Header**: barra sticky con logo SVG ficticio, enlaces Home, About us, Feature, Pages (dropdown con Home, About us, Feature, Pricing, Contact, Blog, 404, 401), botón secundar
4.212 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.212 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 de navegación con logo, menú y botón "Get Started"
- 1.2 Hero: subtítulo "Herramienta de automatización 2.0", títulos escrolables "Automatiza más inteligente" y "Trabaja más rápido", texto explicativo y botón "Get Started"
- 1.3 (Placeholder) Sección de beneficios con iconos y texto
- 1.4 (Placeholder) Testimonios en carrusel
- 1.5 Footer con enlaces de información, redes y contacto
ABOUT US
- 1.1 Barra de navegación
- 1.2 Título de página y descripción de la empresa
- 1.3 Equipo y valores
- 1.4 Footer
FEATURE
- 1.1 Barra de navegación
- 1.2 Título de característica y descripción
- 1.3 Lista de funcionalidades con iconos
- 1.4 CTA "Get Started"
- 1.5 Footer
PRICING
- 1.1 Barra de navegación
- 1.2 Tabla comparativa de planes
- 1.3 FAQ
- 1.4 CTA "Get Started"
- 1.5 Footer
CONTACT
- 1.1 Barra de navegación
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de ubicación y teléfono
- 1.4 Footer
PROMPTS RELACIONADOS · BLOG / REVISTA
