NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "App Polar" (agencia digital), usando exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y patrones visuales del sitio analizado:
- Header fijo con logo a la izquierda, menú horizontal (Home, About, Services, Projects, Pricing, Blog, Contact) y botón primario "Get Started" a la derecha. Usa un fondo ligeramente transparente y sombra.
- Hero principal: sección a pantalla completa, fondo degradado azul oscuro a morado, título grande con fuente 'Inter' (peso 800), subtítulo gris claro, botón secundario y decorativo (flecha SVG).
- Bloque de Servicios: grid 3 columnas en desktop, 1 en móvil, tarjetas con icono SVG dentro de círculo pastel, título y párrafo corto. Colo
4.093 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.093 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 fija con logo, menú principal y botón "Get Started"
- 2.1 Hero principal con título, subtítulo, imagen de fondo y CTA
- 3.1 Sección de servicios con tarjetas iconográficas y descripciones
- 4.1 Portafolio de proyectos en grid responsivo
- 5.1 Testimonios en carrusel simple
- 6.1 Planes de precios con tarjetas comparativas
- 7.1 Últimas entradas del blog en lista
- 8.1 Llamada a la acción final y formulario de contacto
- 9.1 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Hero interno con imagen y texto introductivo
- 2.1 Nuestra historia en dos columnas
- 3.1 Equipo en grid con foto y breve bio
SERVICES
- 1.1 Hero de servicios con título y descripción
- 2.1 Lista de servicios en tarjetas con iconos
PROJECTS
- 1.1 Galería filtrable de proyectos
- 2.1 Detalle de proyecto en página individual
PRICING
- 1.1 Tabla comparativa de planes
- 2.1 FAQ acordeón
BLOG
- 1.1 Lista de artículos con extractos y miniaturas
- 2.1 Sidebar con categorías y búsqueda
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 2.1 Mapa incrustado y datos de localización
PROMPTS RELACIONADOS · SAAS / STARTUP
