NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura de la página analizada, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Cuentax (plataforma SaaS de gestión financiera personal). Dominio ficticio: cuentax.com, claim: "Herramientas claras para tu dinero", email: hola@cuentax.com, año: 2026. Categoría: SaaS / Startup.
Paleta de colores (hex):
- Primario azul profundo: #0A1F44
- Secundario azul claro: #4A90E2
- Acento violeta pastel: #7C4DFF
- Texto oscuro: #1A1A1A
- Texto gris medio: #555555
- Fondo blanco: #FFFFFF
- Fondo gris suave: #F5F7FA
Tipografía:
- Font-family principal: 'Inter', sans-serif (cargar vía Google Fonts).
- Títulos en peso 700, cuerpo en 400.
Estructura del sitio (single‑page con anclas):
1. N
4.434 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.434 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 fija con logo, menú y botones de acceso
- 1.2 Hero con estadística, título destacado, subtítulo y llamado a la acción, imagen del móvil a la derecha
- 1.3 Bloque de funcionalidades con cuadrícula de tarjetas y fotos ilustrativas
- 1.4 Sección "Cómo funciona" con tres pasos numerados y línea de tiempo lateral
- 1.5 Sección "Visión general" con imagen combinada y botón de reproducción de vídeo
- 1.6 Pie de página con enlaces y datos de contacto
ABOUT
- 1.1 Encabezado con título y descripción de la empresa
- 1.2 Imagen ilustrativa a la izquierda y texto a la derecha
- 1.3 Equipo destacado en tarjetas
- 1.4 Valores y misión en bloques
- 1.5 Footer común
FEATURES
- 1.1 Título de sección y breve introducción
- 1.2 Cuadrícula de tarjetas con iconos y descripciones
- 1.3 Testimonios rotativos
- 1.4 Footer común
INTEGRATIONS
- 1.1 Encabezado con descripción de integraciones
- 1.2 Logotipos de socios en carrusel
- 1.3 Caso de uso destacado
- 1.4 Footer común
PRICING
- 1.1 Tabla comparativa de planes
- 1.2 Preguntas frecuentes
- 1.3 CTA de prueba gratuita
- 1.4 Footer común
BLOG
- 1.1 Lista de artículos con tarjetas imagen y extracto
- 1.2 Sidebar con categorías y suscripción
- 1.3 Footer común
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Información de ubicación y teléfono
- 1.3 Mapa incrustado
- 1.4 Footer común
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 28/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
