NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que replique el diseño visual y la estructura de una página de inicio SaaS de mensajería, sin copiar ningún texto original. Usa la marca ficticia "Formación Faro". Tecnologías: HTML5, Tailwind CSS vía CDN, JavaScript vanilla (solo para el menú hamburguesa y animaciones simples).
Paleta de colores: fondo principal #0A0A0A, textos #FFFFFF, acento primario #00E5FF, acento secundario #FF3CAC, gris de soporte #4A4A4A.
Tipografía: "Inter" para títulos (font‑weight 700) y "Roboto" para cuerpo (font‑weight 400), importados de Google Fonts.
HEADER: barra fija con logo a la izquierda, menú centrado con enlaces Home, Demo, Inner Page, Utility, Authentications, y botón CTA "Comprar plantilla" con estilo linear gradient (#00E5FF → #FF3CAC). Menú c
3.640 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.640 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 Header con logo, menú principal y botón "Comprar plantilla"
- 1.2 Hero: título grande, párrafo descriptivo, botones "Comprar plantilla" y "Más plantillas"
- 1.3 Galería de imágenes heroicas en columnas superpuestas
- 1.4 Footer: enlaces de navegación, información de derechos y redes sociales
INNER PAGE (ejemplo)
- 1.1 Header reutilizado
- 1.2 Sub‑hero con título de página y breadcrumb
- 1.3 Contenido principal con texto y gráficos
- 1.4 Footer idéntico al Home
UTILITY PAGE
- 1.1 Header
- 1.2 Sección de ayuda o política con bloques de texto
- 1.3 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 01/07/2026
PROMPTS RELACIONADOS · EDUCACIÓN
