NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Finora Insights** (finorainsights.com) siguiendo el patrón visual del sitio analizado. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo.
**Paleta de colores** (extraída del original):
- #0A0F24 (azul muy oscuro)
- #0F4C81 (azul marino)
- #1E7AB8 (azul brillante)
- #FFFFFF (blanco)
- #F3F4F6 (gris muy claro)
**Tipografía**: Inter (Google Fonts) para todo el cuerpo, con peso 400/500/600 y tamaños responsivos.
**Header**: barra de navegación fija con logo SVG (placeholder), enlaces: Home, Sobre nosotros, Funcionalidades, Precios, Blog, Contacto y botón destacado "Prueba gratis". Menú móvil colapsable con icono hamburguesa.
**Sección Hero** (full‑width, height 100vh): dos títulos grandes alin
3.952 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.952 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 con logo, enlaces y botón de llamada a acción
- 1.2 Hero principal con título dividido, descripción, dos botones CTA y lista de tres beneficios con iconos
- 1.3 Imagen hero con decoraciones de nubes y fondo de paisaje
- 1.4 Sección de clientes con título introductorio y carrusel de logotipos
- 1.5 Footer con enlaces de navegación, información legal y redes sociales
ABOUT
- 2.1 Encabezado interno con título y breadcrumbs
- 2.2 Bloque de texto descriptivo y foto ilustrativa
- 2.3 Valores y misión en tarjetas con iconos
- 2.4 Equipo destacado en grid de tarjetas
- 2.5 Footer reutilizado
FEATURE
- 3.1 Encabezado con título y resumen
- 3.2 Lista de funciones en tarjetas con iconos
- 3.3 Demo de vídeo incrustado
- 3.4 Testimonios en carrusel
- 3.5 Footer reutilizado
PRICING
- 4.1 Tabla comparativa de planes con botones CTA
- 4.2 Preguntas frecuentes en acordeón
- 4.3 Call to action final
- 4.4 Footer reutilizado
BLOG
- 5.1 Lista de artículos en cards grid
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Footer reutilizado
CONTACT
- 6.1 Formulario de contacto con campos básicos
- 6.2 Mapa embed y datos de contacto
- 6.3 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
