NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una firma de consultoría financiera y legal llamado Cúspide Consultores (cuspidconsultores.com). Usa HTML+Tailwind CDN+JS vanilla en un único archivo. Paleta de colores: #0A0A0A (negro profundo), #1F2937 (gris 800), #3B82F6 (azul principal), #F3F4F6 (gris 100), #FFFFFF (blanco). Tipografía: Inter (Google Fonts) para títulos y cuerpos, peso 400‑600.
Header: barra fija con fondo semi‑transparente y desenfoque, logo SVG ficticio a la izquierda, menú de navegación centrado con enlaces Home, Pages (desplegable con opciones Home A‑D, About A‑B, Features, Pricing, Customers, Contact A‑C, Subscribe, Book a Demo, Privacy Policy, Style Guide, Licenses, Changelog), botón destacado "Book a Demo" a la derecha. Menú responsive colapsable.
Home sections (en orden, numerado
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 Header con barra de navegación fija, logo y menú desplegable
- 2.1 Hero con título, subtítulo y botones primario y secundario
- 3.1 Sección de características en tarjetas con iconos
- 4.1 Bloque de testimonios con carrusel horizontal
- 5.1 Tabla de precios con tres planes destacados
- 6.1 Logos de clientes en grid
- 7.1 Llamada a la acción para solicitar demo
- 8.1 Footer con enlaces de navegación, política y redes sociales
ABOUT
- 1.1 Header (reutilizado)
- 2.1 Imagen de presentación y texto descriptivo
- 3.1 Valores y misión en bloques
- 4.1 Equipo con tarjetas de perfil
- 5.1 Footer (reutilizado)
FEATURES
- 1.1 Header
- 2.1 Lista de funcionalidades con iconos y descripciones
- 3.1 Caso de uso ilustrado
- 4.1 Footer
PRICING
- 1.1 Header
- 2.1 Tabla comparativa de planes con botones de contratación
- 3.1 Preguntas frecuentes en acordeón
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de ubicación
- 4.1 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
