NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **InteliFlux** (startup de IA) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Replicar la estructura visual del template analizado:
**Paleta de colores**:
- Primario: #0A1F44 (azul noche)
- Secundario: #1E3A8A (azul medio)
- Acento: #3B82F6 (azul brillante)
- Fondo: #F9FAFB (gris muy claro)
- Texto: #111827 (gris oscuro)
**Tipografía**:
- Fuente principal: 'Inter', sans‑serif (cargar desde Google Fonts)
- Tamaños: display‑10 = 4rem, display‑8 = 2.5rem, cuerpo = 1rem, botones = 0.875rem.
**Header** (sticky, fondo transparente que pasa a blanco al hacer scroll): logo a la izquierda (svg placeholder), menú de 5 enlaces centrados, iconos de redes (FB, X, LinkedIn) a la derecha y botón primario "Explora
4.503 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.503 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ú responsive, botón CTA y iconos sociales
- 2.1 Hero con título, descripción y botones primario/secundario
- 3.1 Sección de enlaces visuales a páginas (blog, contacto, precios, etc.)
- 4.1 Footer con enlaces de utilidad, política y redes sociales
SERVICES
- 1.1 Título de página y descripción breve
- 2.1 Tarjetas de servicio en grid 3‑col, icono + título + texto
- 3.1 CTA para solicitar demo
ABOUT
- 1.1 Imagen hero y texto descriptivo de la empresa
- 2.1 Valores en tarjetas con iconos
- 3.1 Equipo en grid con foto y rol
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 2.1 Mapa incrustado y datos de ubicación
- 3.1 Enlaces a redes sociales
BLOG
- 1.1 Lista de artículos en grid 2‑col, cada tarjeta con imagen, título y excerpt
- 2.1 Paginación inferior
- 3.1 Sidebar con categorías y últimos posts
PROMPTS RELACIONADOS · EDUCACIÓN
