NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa en un único archivo HTML usando Tailwind CSS vía CDN y JavaScript vanilla. La marca es **Saas Ónix**, una plataforma SaaS para gestión de proyectos. Usa la paleta de colores:#0F172A (azul noche), #1E293B (gris profundo), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #10B981 (verde esmeralda). Tipografía principal: 'Inter', sans‑serif; encabezados en peso 600, cuerpo en 400.
**Header**: barra fija con fondo gris profundo, logo SVG ficticio a la izquierda, menú centrado (Home, About, Features, Pricing, Blog, Contact) y botón de carrito con ícono y contador. En móvil, colapsa a menú hamburguesa.
**Home sections**:
1. Hero: contenedor full‑width, fondo degradado azul‑verde, título grande blanco "Simplifica tu proyecto", subtítulo gris claro, botón CTA azul "Pr
3.709 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.709 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 superior con logo, menú de navegación y carrito
- 1.2 Hero principal con título, subtítulo y botón CTA
- 1.3 Sección de características en columnas con iconos y texto
- 1.4 Área de precios con tarjetas comparativas
- 1.5 Testimonios en carrusel horizontal
- 1.6 Últimos artículos del blog en rejilla
- 1.7 Llamada a la acción final y suscripción al newsletter
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera coherente con la de Home
- 2.2 Bloque de misión y visión con imágenes de apoyo
- 2.3 Equipo con tarjetas de perfil
- 2.4 Valores en lista ilustrada
- 2.5 Footer idéntico al de Home
FEATURES
- 3.1 Cabecera con título descriptivo
- 3.2 Grid de módulos de funcionalidad con iconos y descripciones
- 3.3 Caso de uso destacado con imagen y texto
- 3.4 CTA de prueba gratuita
- 3.5 Footer uniforme
PRICING
- 4.1 Cabecera con título y subtítulo
- 4.2 Tabla comparativa de planes con botones de selección
- 4.3 FAQ en acordeón
- 4.4 CTA de suscripción
- 4.5 Footer uniforme
BLOG
- 5.1 Cabecera de listado de posts
- 5.2 Grid de tarjetas de artículo con imagen, título y extracto
- 5.3 Paginación inferior
- 5.4 Footer uniforme
CONTACT
- 6.1 Cabecera con título de contacto
- 6.2 Formulario de contacto de campos básicos
- 6.3 Mapa incrustado y datos de oficina
- 6.4 Footer uniforme
PROMPTS RELACIONADOS · SAAS / STARTUP
