NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa en un único archivo HTML usando Tailwind CSS por CDN y JavaScript vanilla (sin frameworks). Debe ser autocontenida, responsive y lista para abrir en el navegador.
MARCA FICTICIA:
- Nombre: ClaraRumbo Studio
- Sector: Coaching de negocio y liderazgo para fundadores y directivos
- Dominio: clararumbo.com
- Email de contacto: hola@clararumbo.com
- Claim: 'Diseño web que convierte visitas en sesiones reservadas'
- Año: 2025
- Idioma: Español de España, tono cercano, directo, sin jerga marketinera
ESTILO VISUAL GENERAL:
- Estética editorial-moderna, aire de portfolio premium tipo Webflow.
- Paleta principal: fondo crema cálido #F4EFE6, texto principal casi negro #141414, acento verde oliva #5B6B3A, secundarios pastel para los stickers: verde menta #C8E0BC, rosa em
7.354 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.354 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 fijo con menú en mayúsculas
- 1.2 Hero sticky con stickers 3D y sello giratorio
- 1.3 Sección Sobre con CTA al método
- 1.4 Listado de casos a pantalla completa
- 1.5 Marquee con frase rotatoria
- 1.6 Método resumido en pasos
- 1.7 CTA final de reserva
- 1.8 Footer
CASOS DE ÉXITO
- 2.1 Header
- 2.2 Cabecera con título 'Casos' y filtro por sector
- 2.3 Grid de tarjetas de cliente con imagen, nombre y rol
- 2.4 Bloque destacado con resultado numérico medio
- 2.5 CTA final
- 2.6 Footer
MÉTODO
- 3.1 Header
- 3.2 Hero con titular grande explicando la filosofía
- 3.3 Pasos del método (4 fases) con número, título y descripción
- 3.4 Sección de entregables por fase
- 3.5 FAQ en acordeón
- 3.6 CTA final
- 3.7 Footer
RESERVAR LLAMADA
- 4.1 Header
- 4.2 Cabecera con titular y subtítulo explicativo
- 4.3 Bloque dos columnas: información de la sesión + formulario
- 4.4 Testimonios breves en carrusel
- 4.5 Footer
DETALLE DE CLIENTE
- 5.1 Header
- 5.2 Hero con nombre del cliente y ficha (rol, sector, modalidad)
- 5.3 Imagen a pantalla completa
- 5.4 Testimonio extendido en formato editorial
- 5.5 Resultados clave en grid de métricas
- 5.6 Navegación a siguiente caso
- 5.7 Footer
PROMPTS RELACIONADOS · CORPORATIVO
