NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Campus Isla** (campusisla.com) siguiendo las especificaciones abajo. Usa **HTML estático en un solo archivo**, incluye **Tailwind CSS vía CDN** y **JavaScript vanilla** solo cuando sea necesario (por ejemplo, toggle de menú móvil). No uses frameworks externos ni dependencias adicionales.
---
### Paleta de colores
- Primario: #0D3B66
- Secundario: #FAF0CA
- Accent: #F4D35E
- Texto oscuro: #1B1B1B
- Texto claro: #FFFFFF
### Tipografía
- Fuente principal: "Inter", sans-serif (cargar via Google Fonts)
- Fuente secundaria (títulos): "Poppins", sans-serif
---
### Estructura general (stack)
- **HTML5** con secciones semánticas (`<header>`, `<nav>`, `<main>`, `<section>`, `<footer>`)
- **Tailwind CDN** (`<script src="https://cdn.tailwindcss.co
5.219 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.219 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 logo, enlaces principales y botones de redes sociales
- 2.1 Hero principal con título, subtítulo y botón CTA
- 3.1 Cuadrícula de características (icono, título, descripción)
- 4.1 Sección de precios con tres tarjetas
- 5.1 Últimas entradas del blog en formato tarjeta
- 6.1 Footer con navegación secundaria, información de contacto y enlaces a redes
CARACTERISTICAS
- 1.1 Grid de tarjetas de característica (icono, título, párrafo)
PRECIOS
- 1.1 Tabla de precios: plan Básico, Pro y Enterprise, cada uno con lista de beneficios y botón
BLOG
- 1.1 Lista de 3 artículos recientes: imagen, título, extracto, botón leer más
CONTACTO
- 1.1 Formulario sencillo: nombre, email, mensaje y botón enviar
FOOTER
- 1.1 Enlaces de navegación secundaria, dirección ficticia, política de privacidad y botones sociales
PROMPTS RELACIONADOS · EDUCACIÓN
