NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa SaaS ficticia llamada Saas Ámbar usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La página principal debe incluir:
- Header fijo con logo "Saas Ámbar" (fuente sans-serif), navegación primaria (Home, Soluciones, Precios, Blog, Contacto) y botón CTA "Empieza gratis".
- Hero a pantalla completa con fondo degradado #0A2240 → #1E3A8A, título grande en Inter var weight 800, color #FFFFFF, subtítulo gris claro #E5E7EB, y dos botones: "Explorar plantillas" (bg-[#1D4ED8] hover:#2563EB) y "Ver precios" (border-2 border-[#1D4ED8] text-[#1D4ED8] hover:bg-[#1D4ED8] hover:text-white).
- Sección de plantillas de landing en una grid responsive (3 columnas desktop, 2 tablet, 1 móvil) con tarjetas que incluyen imagen placeholder, títul
3.706 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.706 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 Hero introductorio con título, subtítulo y botones
- 1.2 Galería de landing pages (6 tarjetas)
- 1.3 Separador grande
- 1.4 Sección de páginas de empresa (9 tarjetas)
- 1.5 Separador grande
- 1.6 Sección de otras páginas (2 tarjetas)
- 1.7 Footer con enlaces y datos
ABOUT
- 2.1 Hero con título y descripción
- 2.2 Historia de la empresa en bloques de texto
- 2.3 Equipo en grid de tarjetas
- 2.4 Valores y misión
- 2.5 Footer
PRICING V.1
- 3.1 Hero con tabla de precios
- 3.2 Comparativa de planes en tarjetas
- 3.3 FAQ accordion
- 3.4 CTA final
- 3.5 Footer
PRICING V.2
- 4.1 Variante de tabla con destacados
- 4.2 Beneficios en lista con iconos
- 4.3 Testimonios carousel
- 4.4 CTA y footer
CAREERS
- 5.1 Hero invitando a unirse al equipo
- 5.2 Listado de vacantes en tarjetas
- 5.3 Información de cultura y perks
- 5.4 Formulario de aplicación rápida
- 5.5 Footer
BLOG
- 6.1 Lista de artículos en grid con imágenes
- 6.2 Sidebar con categorías y tags
- 6.3 Pagination
- 6.4 Footer
CONTACT V.1
- 7.1 Hero con información de contacto
- 7.2 Formulario de contacto con campos básicos
- 7.3 Mapa embed
- 7.4 Footer
CONTACT V.2
- 8.1 Variante con formulario en dos columnas
- 8.2 Información de soporte y horario
- 8.3 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
