NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML usando Tailwind CSS CDN y JavaScript vanilla que reproduzca la estructura y estilo del prototipo SaaS de mensajería. Marca ficticia: Data Titan (datatitan.com). Paleta de colores: #0A0F24 (fondo oscuro), #1E293B (secundario), #3B82F6 (azul primario), #FBBF24 (amarillo acento), #FFFFFF (texto). Tipografía: Inter (Google Fonts) para cuerpo y encabezados, peso 400‑600.
Estructura:
- <header class="fixed top-0 left-0 w-full bg-[#0A0F24] shadow-md"> con logo a la izquierda, menú ancla (Home, Demo, Inner Pages, Utility, Authentications) centrado y botón "Buy Template" a la derecha, visible en desktop; hamburguesa en móvil que despliega menú vertical.
- <section id="home" class="min-h-screen flex flex-col md:flex-row items-center bg-[#1E293B] t
3.567 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.567 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ú ancla y botón CTA
- 2.1 Hero: título, subtítulo, dos botones CTA, galería de imágenes
- 3.1 Footer con enlaces y datos de contacto
DEMO
- 1.1 Título de página
- 1.2 Texto descriptivo
- 1.3 Demo interactiva (iframe o mockup)
- 1.4 CTA para probar
INNER PAGES
- 1.1 Lista de páginas internas con tarjetas
- 1.2 Breve descripción de cada una
- 1.3 Enlaces a ejemplos
UTILITY PAGES
- 1.1 Página de error 404 personalizada
- 1.2 Página en mantenimiento
- 1.3 Política de privacidad
AUTHENTICATIONS
- 1.1 Formulario de registro
- 1.2 Formulario de inicio de sesión
- 1.3 Recuperación de contraseña
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
