NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia CrestaConsult, una consultora estratégica. Usa solo HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta de colores: fondo oscuro #0A0A0A, primario azul profundo #1E3A8A, acentos gris claro #F3F4F6, texto blanco #FFFFFF, texto secundario #A1A1AA.
- Tipografía: Inter (sans-serif) para todo el texto, tamaños escalados con `text-4xl` para títulos principales, `text-xl` para subtítulos, `text-base` para párrafos.
- Header: barra fija con logo (texto CrestaConsult en blanco), menú de navegación horizontal (Home, About, Services, Case Studies, Blog, FAQ, Contact). En móvil, colapsar a ícono hamburguesa que abre overlay con fondo semi‑transparente y lista de
3.934 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.934 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, navegación principal y menú hamburguesa responsivo
- 1.2 Hero con título, descripción breve y botón CTA
- 1.3 Bloque de proyectos destacados (grid de tarjetas con imágenes)
- 1.4 Sección de servicios (iconos + título + texto)
- 1.5 Testimonios rotativos (carrusel sencillo)
- 1.6 Preguntas frecuentes en accordión
- 1.7 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 1.1 Header idéntico
- 1.2 Hero interior con título y subtítulo
- 1.3 Texto descriptivo de la empresa y valores
- 1.4 Equipo (tarjetas con foto y rol)
- 1.5 Footer
SERVICES
- 1.1 Header
- 1.2 Lista de servicios en formato tarjeta con icono y descripción breve
- 1.3 CTA a contacto
- 1.4 Footer
CASE STUDIES
- 1.1 Header
- 1.2 Grid de estudios de caso (imagen + título)
- 1.3 Filtro por categoría
- 1.4 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos (imagen, título, extracto)
- 1.3 Paginación
- 1.4 Footer
FAQ
- 1.1 Header
- 1.2 Accordión con preguntas y respuestas
- 1.3 CTA a contacto
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 1.3 Información de contacto y mapa embed
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
