NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño de una plantilla SaaS para lanzar startups, usando la marca ficticia **Cloud Boreal**. Utiliza solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
---
**Alcance**
- Header fijo con logo a la izquierda, menú principal centrado (enlaces: About, Insights, Case Studies) y botón CTA a la derecha "Get Started for Free". El menú incluye un dropdown "All Pages" con enlaces a todas las páginas del sitio.
- Hero section: fondo claro, título grande en 4xl, subtítulo mediano, centrado verticalmente.
- Sección de métricas: tres columnas horizontales con número grande y etiqueta (p. ej., "23 Unique Pages", "56+ Sections & Blocks", "Figma File Included"). Cada columna lleva una ilustración pequeña lateral.
- Bloque info
4.593 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.593 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 Header con logo, menú principal (incluye dropdown "All Pages"), botón "Get Started for Free"
- 1.2 Hero sección con título grande y subtítulo
- 1.3 Sección de métricas: número de páginas, secciones y bloques, con imágenes acompañantes
- 1.4 Bloque "Figma File Included" con icono, título y texto explicativo
- 1.5 Sección "03 Homepages" con tarjetas de demo de homepages
- 1.6 Sección "17 Inner Pages" con tarjetas de demo de páginas internas
- 1.7 Footer (no presente en el extracto, pero implícito para completar la plantilla)
ABOUT
- 2.1 Header (reutiliza del home)
- 2.2 Hero con título y descripción de la empresa
- 2.3 Texto de misión/valor
- 2.4 Equipo o timeline
- 2.5 CTA para contactar
- 2.6 Footer
INSIGHTS
- 3.1 Header
- 3.2 Lista de artículos en formato grid
- 3.3 Filtro o categorías laterales
- 3.4 CTA a newsletter
- 3.5 Footer
CASE-STUDY
- 4.1 Header
- 4.2 Hero con imagen destacada y título
- 4.3 Resumen del caso, métricas, resultados
- 4.4 Testimonios
- 4.5 CTA
- 4.6 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Información de contacto y mapa
- 5.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
