NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Altius Cloud (dominio alticloud.com) siguiendo el estilo visual de una startup SaaS moderna. Usa solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A2647 (azul noche), #144272 (azul profundo), #2A9D8F (verde menta), #E9C46A (amarillo arena), #F4F4F9 (gris claro). Tipografía: 'Inter' para headings y body, con pesos 400, 600, 700.
Estructura y componentes:
- Header fijo con logo (texto "Altius Cloud" en Inter Bold, color #0A2647), enlaces de navegación (Home, Features, About, Pricing, Blog, Contact), botón de carrito con contador, botones "Sign in" y "Get started" con estilo primary (#2A9D8F) y outline (#144272).
- Hero section: fondo con gradiente de #0A2647 a #144272, título grande "Impulsa tu equ
3.820 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.820 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 con logo, enlaces y botones de carrito/registro
- 1.2 Hero principal con titular, subtítulo y botones CTA
- 1.3 Sección de características en columnas con iconos y texto
- 1.4 Bloque de demostración de producto con imagen y descripción
- 1.5 Tarjetas de precios con planes y botón de compra
- 1.6 Testimonios rotativos
- 1.7 Últimos artículos del blog en grid
- 1.8 Footer con enlaces, redes y suscripción al boletín
FEATURES
- 2.1 Header interno replicado
- 2.2 Lista detallada de funcionalidades en layout de dos columnas
- 2.3 Imagen ilustrativa a la derecha
- 2.4 CTA para solicitar demo
ABOUT
- 3.1 Historia de la empresa con foto y texto descriptivo
- 3.2 Valores y misión en tarjetas
- 3.3 Equipo con fotos circulares y breves biografías
PRICING
- 4.1 Tabla comparativa de tres planes con iconos y precios
- 4.2 Botón de suscripción bajo cada columna
BLOG
- 5.1 Lista de artículos en grid de tres columnas
- 5.2 Extracto, imagen y botón Leer más por artículo
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa embebido y datos de contacto
FOOTER
- 7.1 Enlaces rápidos, redes sociales, formulario de suscripción y aviso legal
PROMPTS RELACIONADOS · SAAS / STARTUP
