NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático (HTML único con Tailwind CDN y JavaScript vanilla) que reproduzca el diseño visual y la estructura de la página analizada, pero usando la marca ficticia Suite Lira. Utiliza la siguiente paleta de colores: primario #0EA5E9 (azul cielo), secundario #1E3A8A (azul marino), acento #F59E0B (ámbar), fondo #F9FAFB (gris muy claro), texto principal #111827 (gris oscuro), texto secundario #6B7280 (gris medio). Tipografía: "Inter" para títulos y cuerpos, peso 600 para encabezados, 400 para texto corrido.
Estructura requerida:
- <header class="bg-white shadow"> con contenedor centrado, logo a la izquierda, menú horizontal (Home, Features, Pricing, About) y botones a la derecha (Sign in, Get Template, Contact). El menú colapsa en móvil con icono hamburger.
- <section id="he
4.282 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.282 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 botones.
- 2.1 Hero con etiqueta, título, descripción y CTA.
- 3.1 Logos de confianza.
- 4.1 Sección How it Works con 4 tarjetas.
FEATURES
- 1.1 Encabezado de página.
- 2.1 Lista de características en formato grid.
PRICING
- 1.1 Tabla comparativa de planes.
- 2.1 CTA para probar gratis.
ABOUT
- 1.1 Historia de la empresa.
- 2.1 Equipo y valores.
CONTACT
- 1.1 Formulario de contacto.
- 2.1 Información de soporte y enlaces sociales.
FOOTER (presente en todas las páginas)
- 1.1 Enlaces de navegación secundaria, política de privacidad, términos y datos de contacto.
PROMPTS RELACIONADOS · SAAS / STARTUP
