NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML sencillo, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Marca ficticia: App Rubí (dominio apprubi.com). Sector SaaS de gestión de proyectos. Paleta de colores: #0A0A0A (fondo principal), #1F2937 (paneles), #3B82F6 (botón primario), #9CA3AF (texto secundario), #FFFFFF (texto principal). Tipografía: 'Inter', sans-serif para títulos y cuerpo.
Estructura:
- Header fijo con logo (texto App Rubí) a la izquierda, menú horizontal (Home, Features, About, Pricing, Blog, Contact), botón carrito con contador, enlaces Sign in y Get Started a la derecha. En móvil, colapsar en ícono hamburguesa que despliega menú vertical y mantiene carrito.
- Hero section: fondo oscuro, título grande en blanco, subtítulo gris claro, botón principal azul con hover,
3.670 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.670 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 con logo, menú, carrito y botones de acceso
- 2.1 Hero principal con título, subtítulo y botón CTA
- 3.1 Cuadrícula de 4 características con iconos y descripciones
- 4.1 Slider de testimonios con foto, nombre y comentario
- 5.1 Sección de precios con 3 tarjetas comparativas
- 6.1 Grid de 3 artículos del blog
- 7.1 Footer con enlaces de sección, redes sociales y datos de contacto
FEATURES
- 1.1 Cabecera heredada
- 2.1 Encabezado de página y descripción
- 3.1 Lista detallada de funcionalidades con iconos
- 4.1 Llamado a la acción para probar la demo
ABOUT
- 1.1 Cabecera heredada
- 2.1 Historia de la empresa y misión
- 3.1 Equipo con fotos y breves biografías
- 4.1 Valores y cultura
PRICING
- 1.1 Cabecera heredada
- 2.1 Tabla comparativa de planes con precios y características
- 3.1 FAQ accordion
BLOG
- 1.1 Cabecera heredada
- 2.1 Lista de artículos con imágenes, título, extracto y botón leer más
- 3.1 Sidebar con categorías y suscripción al newsletter
CONTACT
- 1.1 Cabecera heredada
- 2.1 Formulario de contacto sencillo
- 3.1 Mapa incrustado y datos de contacto
LOGIN
- 1.1 Cabecera mínima
- 2.1 Formulario de inicio de sesión con opción de recuperar contraseña
SIGNUP
- 1.1 Cabecera mínima
- 2.1 Formulario de registro con campos básicos y botón de creación de cuenta
PROMPTS RELACIONADOS · SAAS / STARTUP
