NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla, sin frameworks externos. Marca ficticia: 'Consultora Aurora' (consultoraaurora.com), una plataforma SaaS para startups y servicios digitales que ayuda a lanzar productos y convertir visitantes en clientes. Email de contacto: hola@consultoraaurora.com. Año 2025. Claim: 'Lanza tu producto y conviértelo en negocio'. Todo el copy debe ser original en español de España, tono directo y sin jerga marketinera. No incluyas precios concretos en euros, usa rangos o 'desde' simbólicos cuando aplique.
STACK Y REGLAS TÉCNICAS
- Un único archivo .html con Tailwind via CDN (https://cdn.tailwindcss.com).
- Fuente principal: Inter desde Google Fonts; titulares con tracking ajustado (-0.02em) y peso 600-700.
- Paleta: fondo base
6.581 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.581 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 Navbar blanco con enlaces y carrito
- 1.2 Hero tipográfico con CTAs
- 1.3 Banda de logos de clientes
- 1.4 Propuesta de valor 3 columnas
- 1.5 Producto destacado con mockup
- 1.6 Grid de soluciones 4 tarjetas
- 1.7 Contadores de estadísticas
- 1.8 Tabs de casos de uso
- 1.9 Carrusel de testimonios
- 1.10 Listado de productos shop
- 1.11 Últimas entradas del blog
- 1.12 FAQ acordeón
- 1.13 CTA final oscuro
- 1.14 Footer multicolumna
ABOUT
- 2.1 Hero con misión de la empresa
- 2.2 Historia en timeline vertical
- 2.3 Valores en grid de iconos
- 2.4 Equipo en grid de retratos
- 2.5 Métricas de impacto
- 2.6 CTA de unirse al equipo
- 2.7 Footer
SOLUTIONS
- 3.1 Hero de soluciones
- 3.2 Listado de soluciones con descripción larga
- 3.3 Comparativa visual antes/después
- 3.4 Testimonios por solución
- 3.5 CTA final
- 3.6 Footer
BLOG (LISTADO)
- 4.1 Hero con buscador y categorías
- 4.2 Artículo destacado grande
- 4.3 Grid de artículos paginado
- 4.4 Suscripción a newsletter
- 4.5 Footer
BLOG (DETALLE)
- 5.1 Cabecera con título, autor y fecha
- 5.2 Imagen destacada
- 5.3 Contenido del artículo con tipografía editorial
- 5.4 Compartir en redes
- 5.5 Artículos relacionados
- 5.6 Footer
SHOP (LISTADO)
- 6.1 Hero del shop
- 6.2 Filtros laterales por categoría
- 6.3 Grid de productos con precios
- 6.4 Paginación
- 6.5 Footer
SHOP (DETALLE)
- 7.1 Galería de imágenes del producto
- 7.2 Información, precio y selector de variantes
- 7.3 Botón añadir al carrito
- 7.4 Tabs de descripción/especificaciones/envíos
- 7.5 Productos relacionados
- 7.6 Footer
CAREER (LISTADO)
- 8.1 Hero con cultura
- 8.2 Beneficios en grid
- 8.3 Listado de vacantes filtrable
- 8.4 CTA candidatura espontánea
- 8.5 Footer
CAREER (DETALLE)
- 9.1 Cabecera con puesto y ubicación
- 9.2 Descripción del rol
- 9.3 Responsabilidades y requisitos
- 9.4 Formulario de candidatura
- 9.5 Footer
PRICING
- 10.1 Hero de precios
- 10.2 Tabla de planes (3 columnas)
- 10.3 Comparativa detallada de features
- 10.4 FAQ
- 10.5 CTA final
- 10.6 Footer
CONTACT
- 11.1 Hero de contacto
- 11.2 Formulario amplio + datos
- 11.3 Mapa
- 11.4 Footer
PROMPTS RELACIONADOS · CORPORATIVO
