NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Instituto Río, un estudio de diseño y desarrollo digital. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Sigue estas especificaciones:
**Paleta de colores**
- Primario: #B2D651 (verde lima suave)
- Secundario: #1A202C (gris oscuro para texto y fondos)
- Acento: #FFFFFF (blanco puro)
- Detalle: #F3F4F6 (gris claro para áreas de fondo)
**Tipografía**
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts). Usa weight 400 para cuerpo y 600 para encabezados.
**Header / Navbar**
- Posición fija, fondo blanco con sombra ligera. Logos: un icono cuadrado con esquinas redondeadas (48x48) en #B2D651 y texto "Instituto Río" al lado.
- Enlaces de navegación: Home, Services, About, Blog, Contact. El enlace
5.125 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.125 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 y menú principal
- 1.2 Hero con heading h1, párrafo y dos botones (Servicios y Contacto)
- 1.3 Área de media (imagen estática con overlay de play para video)
- 1.4 Lista de posts destacados en formato grid de dos columnas
- 1.5 Footer con navegación secundaria, enlaces legales y contacto
BLOG
- 2.1 Encabezado del listado del blog con título y filtros
- 2.2 Tarjetas de artículos en grid, cada una con imagen, título y extracto
- 2.3 Pagination simple
SERVICES
- 3.1 Título de sección y descripción introductoria
- 3.2 Grid de tarjetas descriptivas de cada servicio con ícono y texto
- 3.3 Botón CTA para solicitar presupuesto
ABOUT
- 4.1 Historia y misión de la agencia con texto y foto
- 4.2 Valores y equipo en cards
- 4.3 Testimonios rotativos
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de localización
- 5.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
