NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escuela Cedro" (agencia digital) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo visual del sitio analizado:
- **Paleta de colores**: fondo blanco #ffffff, texto principal #0c151d, acentos #0a0a0a, botón primario #000000 con hover #111111, gris suave #f5f5f5 para secciones.
- **Tipografía**: headings Roboto Slab (serif) y body Inter (sans-serif), ambos importados desde Google Fonts.
- **Header**: barra fija con logo a la izquierda, enlaces de navegación (Work, Services, Awards, Pricing, Benefits) y botón primario "See pricing" a la derecha. En móviles, sustituir por icono hamburguesa que abre menú overlay.
- **Hero**: sección a pantalla completa, título
3.910 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.910 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, menú y botón primario
- 1.2 Hero principal con título destacado, texto descriptivo, botones CTA y frase de apoyo
- 1.3 Marquee de logos de clientes en bucle horizontal
- 1.4 Slider de proyectos con tarjetas de trabajo (título y captura)
- 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales
WORKS
- 1.1 Grid de proyectos con tarjetas, cada una con título, imagen y enlace a caso de estudio
ABOUT
- 1.1 Sección introductoria con foto y texto descriptivo de la agencia
- 1.2 Valores y metodología en bloques de texto e íconos
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje)
- 1.2 Información de contacto directa y mapa embebido
PROMPTS RELACIONADOS · EDUCACIÓN