NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa, autocontenida en un único archivo HTML, para la firma ficticia **Avantor Capital** (avantorcapital.com), una asesoría financiera y de planificación patrimonial dirigida a familias, profesionales y pequeñas empresas. Claim: 'Decisiones de inversión con datos, no con intuición'. Email de contacto: hola@avantorcapital.com. Año: 2025. Todo el contenido en español de España, en activo, sin jerga marketinera y sin precios concretos.
## Stack técnico
- HTML5 + Tailwind CSS vía CDN (`<script src="https://cdn.tailwindcss.com"></script>`) + JavaScript vanilla en un único archivo `index.html`.
- Tipografía Google Fonts: **Plus Jakarta Sans** para titulares y **Inter** para cuerpo.
- Iconografía con SVG inline o Lucide vía CDN.
- Responsive impecable (mobile, tablet
7.215 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.215 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 superior con mensaje de confianza
- 1.2 Navbar con dropdowns y CTA
- 1.3 Hero con titular + gráfico financiero
- 1.4 Banda de logos partners
- 1.5 Grid de servicios financieros
- 1.6 Bloque sobre nosotros con bullets
- 1.7 Contadores de métricas clave
- 1.8 Proceso en 4 pasos
- 1.9 Slider de testimonios
- 1.10 Tarjetas de planes comparativos
- 1.11 Grid de últimos artículos del blog
- 1.12 CTA final oscuro
- 1.13 Footer amplio con newsletter
NOSOTROS
- 2.1 Hero interno con breadcrumb y titular
- 2.2 Historia de la firma a dos columnas
- 2.3 Misión, visión y valores en 3 tarjetas
- 2.4 Equipo directivo en grid de fotos
- 2.5 Línea temporal de hitos
- 2.6 CTA final
- 2.7 Footer
SERVICIOS
- 3.1 Hero interno
- 3.2 Listado detallado de servicios con icono e imagen alterna
- 3.3 Tabla comparativa de modalidades
- 3.4 FAQ acordeón
- 3.5 CTA final
- 3.6 Footer
PLANES
- 4.1 Hero interno
- 4.2 Toggle mensual/anual
- 4.3 Grid de 3 planes con características
- 4.4 Tabla comparativa detallada
- 4.5 FAQ
- 4.6 Footer
BLOG
- 5.1 Hero interno con buscador
- 5.2 Filtros por categoría
- 5.3 Grid paginado de artículos
- 5.4 Newsletter destacada
- 5.5 Footer
ARTÍCULO
- 6.1 Cabecera con categoría, título, autor y fecha
- 6.2 Imagen destacada
- 6.3 Cuerpo del artículo con índice lateral
- 6.4 Bloque de autor
- 6.5 Artículos relacionados
- 6.6 Footer
CONTACTO
- 7.1 Hero interno
- 7.2 Formulario + datos de contacto a dos columnas
- 7.3 Mapa o imagen ilustrativa
- 7.4 FAQ breve
- 7.5 Footer
404
- 8.1 Mensaje grande 404 + botón volver al inicio
- 8.2 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
