NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Growth Jade (growthjade.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar el diseño analizado:
- Paleta de colores: fondo principal #F5F5F5, texto #111111, acento #FF6A00, gris suave #E0E0E0.
- Tipografía: Inter, sans-serif (cargar desde Google Fonts).
- Header fijo con logo (texto Growth Jade) a la izquierda, menú horizontal (Home, About, Services, Portfolio, Pricing, Blog, Contact), selector de idioma y zona horaria a la derecha, y un ícono de carrito (solo visual).
- Hero: sección completa de viewport con fondo degradado leve, título grande (text‑2xl lg:text‑5xl), subtítulo y dos botones CTA (primary con #FF6A00, secondary con borde).
- Servicios: tres columnas, icono circular con fondo #E0E0
3.504 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.504 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, menú principal, selector de idioma y zona horaria
- 2.1 Hero con título, subtítulo y botones CTA
- 3.1 Bloque de servicios en tres columnas con iconos y descripciones
- 4.1 Portafolio tipo grid con tarjetas de proyecto
- 5.1 Testimonios en carrusel
- 6.1 Tabla comparativa de planes de precios
- 7.1 CTA final y formulario de contacto
- 8.1 Footer con enlaces, redes y datos de empresa
ABOUT
- 1.1 Header interno idéntico al global
- 2.1 Imagen de cabecera y texto descriptivo sobre la agencia
- 3.1 Equipo en tarjetas con foto y rol
- 4.1 Valores y misión en bloques de icono‑texto
- 5.1 Footer global
SERVICES
- 1.1 Header interno
- 2.1 Lista de servicios con iconos y detalle expandible
- 3.1 Caso de estudio destacado
- 4.1 CTA y formulario breve
- 5.1 Footer global
PORTFOLIO
- 1.1 Header interno
- 2.1 Grid de proyectos filtrables por categoría
- 3.1 Detalle del proyecto al hacer clic (modal)
- 4.1 Footer global
PRICING
- 1.1 Header interno
- 2.1 Tabla comparativa de planes con beneficios y botón de compra
- 3.1 Preguntas frecuentes en accordion
- 4.1 Footer global
BLOG
- 1.1 Header interno
- 2.1 Lista de artículos en tarjeta con imagen, título y extracto
- 3.1 Sidebar con categorías y últimos posts
- 4.1 Footer global
CONTACT
- 1.1 Header interno
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.1 Mapa incrustado y datos de localización
- 4.1 Footer global
PROMPTS RELACIONADOS · AGENCIA DIGITAL
