NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página para la marca ficticia Campus Perla (campusperla.com). Usa HTML5 con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: fondo #ffffff, texto primary #111111, acento #0066ff, bordes #e5e7eb. Tipografía: Inter (sans-serif) para todo el cuerpo y Oswald (sans-serif) para encabezados.
### Estructura
- **Header** fijo, transparente, con logo SVG compuesto de letras estilizadas y menú hamburguesa que al hacer clic despliega una navegación overlay con enlaces ancla a #proyectos, #servicios, #testimonios, #cta.
- **Hero** ocupa el viewport completo, centrado verticalmente, con título grande (Oswald, 4xl), subtítulo (Inter, lg), y dos botones estilo "button-style-b2-4" que enlazan a #proyectos y #contacto.
- **Sección Proyectos**
3.904 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.904 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 logo y menú hamburguesa
- 1.2 Hero con título, subtítulo y botones de navegación
- 1.3 Sección Proyectos (grid de tarjetas)
- 1.4 Sección Servicios (lista con iconos)
- 1.5 Sección Testimonios (carousel sencillo)
- 1.6 Sección CTA (formulario de contacto rápido)
- 1.7 Footer con links, redes y datos de contacto
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
