NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Blog Lira (agencia digital) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la paleta de colores: #0A0A0A (fondo negro), #1F2937 (gris oscuro), #3B82F6 (azul principal), #FBBF24 (amarillo acento), #FFFFFF (texto). Tipografía: Inter (Google Fonts) para cuerpo y headings, weight 400‑700.
Estructura:
- <header class="fixed top-0 inset-x-0 bg-gray-900 bg-opacity-80 backdrop-blur-lg z-50"> con logo Blog Lira (svg placeholder) a la izquierda, menú de navegación con dropdowns (Home, About Us, Services, Resources, Contact) y botón primario "Contact Us" en estilo degradado azul‑amarillo.
- Hero section (clase "banner-style-dark-landing") con fondo negro y gradientes top‑left y bottom‑right, título grande "S
4.247 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.247 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 fija con logo, menú multi‑nivel y botones de contacto
- 1.2 Hero oscuro con título, subtítulo y enlace principal
- 1.3 Bloque de demos pre‑construidos con tarjetas interactivas
- 1.4 Área de rendimiento con indicadores de velocidad y barras de progreso
- 1.5 Cuadrícula de características clave con iconos y descripciones
- 1.6 Footer con enlaces de navegación, redes sociales y botón de contacto
ABOUT US
- 2.1 Cabecera compartida
- 2.2 Imagen de cabecera con título
- 2.3 Texto descriptivo de la misión y visión
- 2.4 Equipo con tarjetas de perfil
- 2.5 Footer compartido
SERVICES
- 3.1 Cabecera compartida
- 3.2 Lista de servicios en cuadrícula con iconos
- 3.3 Testimonios rotativos
- 3.4 Llamado a la acción final
- 3.5 Footer compartido
CONTACT US
- 4.1 Cabecera compartida
- 4.2 Formulario de contacto sencillo
- 4.3 Información de contacto y mapa integrado
- 4.4 Footer compartido
PROMPTS RELACIONADOS · BLOG / REVISTA
