NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Campus Golfo, una agencia digital, usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales, generando contenido propio en español de España.
**Paleta de colores**:
- Primario: #7C3AED (violeta intenso)
- Secundario: #111827 (gris casi negro)
- Fondo claro: #F9FAFB
- Texto neutro: #6B7280
- Accent: #10B981 (verde esmeralda)
**Tipografía**: Usa Inter para títulos (font-weight 700) y Open Sans para cuerpo (font-weight 400). Importa ambas desde Google Fonts.
**Header**: barra fija con logotipo (texto Campus Golfo), menú horizontal (Inicio, Sobre Nosotros, Servicios, Portafolio, Blog, Contacto) y botón CTA "Sol
4.772 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.772 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 fija con logotipo, menú principal y botón de llamada a la acción
- 1.2 Hero principal con titular destacado, subtítulo y dos botones CTA
- 1.3 Imagen de presentación bajo el hero
- 1.4 Sección informativa "Qué hay bajo el capó" con título, descripción y tres tarjetas de imagen
- 1.5 Bloque de contenido doble: tarjeta de Figma y captura de páginas web
- 1.6 Tarjeta de video promocional con miniatura y descripción
- 1.7 Banner promocional de recurso gratuito
- 1.8 Sección de páginas principales con cuadrícula de tarjetas enlazadas
ABOUT
- 2.1 Encabezado con foto de equipo y texto descriptivo
- 2.2 Valores de la agencia en tarjetas iconográficas
- 2.3 Línea de tiempo de hitos
SERVICES
- 3.1 Lista de servicios en tarjetas con iconos y breve descripción
- 3.2 Sección de caso de estudio destacado
WORKS
- 4.1 Galería filtrable de proyectos con tarjetas ampliables
- 4.2 Testimonios de clientes en carrusel
BLOG
- 5.1 Lista de artículos con imágenes, título, fecha y extracto
- 5.2 Sidebar con categorías y últimas entradas
CONTACT
- 6.1 Formulario de contacto de dos columnas
- 6.2 Mapa incrustado y datos de contacto
- 6.3 CTA final con botón de envío
PROMPTS RELACIONADOS · EDUCATION
