NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Data Zafiro, plataforma SaaS fintech, usando solo HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: fondo #0a0a0a, carta #1a1a1a, texto primario #e0e0e0, acento #00b4d8, borde #333333. Utiliza la tipografía 'Inter' (sans‑serif) para todo el contenido.
Estructura:
- Header fijo con logo SVG simple (triángulo estilizado) a la izquierda, menú de navegación central (Home, Features, About, Pricing, Blog, Contact) y dos botones a la derecha: "Get Started" (bordes animados) y "Contact" (sólo contorno).
- Separador decorativo: imagen SVG de líneas diagonales con color de acento, colocada como bloque full‑width entre secciones.
- Hero section (full viewport height, dark backgroun
3.645 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.645 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, navegación principal y botones de llamada a la acción
- 1.2 Separador gráfico decorativo
- 1.3 Hero: título destacado, párrafo explicativo, botones primario y secundario, imagen del dashboard
- 1.4 Separador gráfico decorativo final de la sección hero
FEATURES
- 1.1 Header (reutilizado)
- 1.2 Título de página y subtítulo
- 1.3 Grid de características con iconos y descripciones
- 1.4 CTA final
ABOUT
- 1.1 Header (reutilizado)
- 1.2 Historia y misión con imagen lateral
- 1.3 Equipo en tarjetas
- 1.4 CTA de contacto
PRICING
- 1.1 Header (reutilizado)
- 1.2 Tabla de planes con precios, características y botones
- 1.3 Preguntas frecuentes
- 1.4 CTA de prueba gratuita
BLOG
- 1.1 Header (reutilizado)
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
- 1.4 CTA de suscripción al newsletter
CONTACT
- 1.1 Header (reutilizado)
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa
- 1.4 CTA final
FOOTER (presente en todas las páginas)
- 1.1 Logo pequeño, enlaces de navegación secundarios, iconos de redes sociales, formulario de suscripción y datos legales
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/07/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
