NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la empresa ficticia "Cresta Consulting" (consultoría empresarial) usando exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #142528 (azul muy oscuro), #0A1620 (negro azulado), #1E3A8A (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: Inter (cargada de Google Fonts) para titulares y cuerpo, peso 400-700.
Estructura y requisitos:
1. Header fijo con logo (icono + texto) a la izquierda, menú horizontal (Home, About Us, Services, Case Studies, Team, Blog, Contact) y botón de hamburguesa para móvil que despliega el mismo menú en overlay. Incluye email de contacto a la derecha.
2. Hero full‑width con título grande, subtítulo, barra de 3 métricas ("Strategy Consulting 120+",
3.950 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.950 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 Cabecera con logo, menú principal y botón de hamburguesa
- 2.1 Área hero con título, subtítulo, lista de métricas y botón CTA
- 3.1 Información de ubicación y enlaces a redes sociales
- 4.1 Bloque de servicios con tarjetas y contadores
- 5.1 Sección de equipo con tarjetas de perfil
- 6.1 Área de casos de estudio en grid
- 7.1 Últimas entradas del blog en listado
- 8.1 Pie de página con enlaces institucionales, contacto y suscripción
ABOUT US
- 1.1 Cabecera compartida
- 2.1 Introducción a la empresa con imagen y texto
- 3.1 Valores y misión en tres columnas
- 4.1 Equipo destacado con foto y descripción breve
- 5.1 Testimonios en carrusel
- 6.1 Pie de página compartido
SERVICES
- 1.1 Cabecera compartida
- 2.1 Lista de servicios en tarjetas con icono y breve descripción
- 3.1 Estadísticas de impacto en bloques numerados
- 4.1 Llamado a la acción para solicitar consulta
- 5.1 Pie de página compartido
CASE STUDIES
- 1.1 Cabecera compartida
- 2.1 Grid de casos de estudio con imagen, título y resumen
- 3.1 Filtro por categoría
- 4.1 Pie de página compartido
TEAM
- 1.1 Cabecera compartida
- 2.1 Grid de perfiles del equipo con foto, nombre y cargo
- 3.1 Botón para contactar al equipo
- 4.1 Pie de página compartido
BLOG
- 1.1 Cabecera compartida
- 2.1 Lista de artículos con imagen, título, fecha y extracto
- 3.1 Paginación
- 4.1 Pie de página compartido
CONTACT
- 1.1 Cabecera compartida
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Información de contacto y mapa integrado
- 4.1 Pie de página compartido
PROMPTS RELACIONADOS · EDUCACIÓN
