NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Instituto Isla, estudio de diseño de productos digitales. Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Incluir:
- Paleta de colores: #0d0d0d (fondo oscuro), #ffffff (texto claro), #f5f5f5 (fondo claro), #ff6600 (acento), #1a1a1a (segundo tono oscuro).
- Tipografía: Inter (sans-serif) para cuerpo y headings, peso 400‑700.
- Header: barra de navegación fija, logo (texto "Instituto Isla" en color acento), menú con enlaces Home, Portfolio, Experience, Blog, Contact; submenús desplegables para Home (variantes) y Pages (Contact, Blog, 404). Botones "Get in Touch" (outline) y "Project Inquiry" (outline) a la derecha. Ícono hamburguesa para móvil.
- Hero: sección a pantalla completa con fondo oscuro, títul
3.973 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.973 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 Encabezado con logo, menú y CTA
- 1.2 Hero oscuro con título y descripción breve
- 1.3 Bloque de métricas (proyectos, satisfacción, tasa de conversión)
- 1.4 Galería de proyectos destacados (tarjetas con imagen, título, categoría y descripción)
- 1.5 Experiencia profesional (texto, botón descarga CV)
CASE STUDY
- 2.1 Encabezado común
- 2.2 Detalle del proyecto (imagen hero, descripción, proceso, resultados)
BOOKMARK
- 3.1 Encabezado común
- 3.2 Lista de recursos guardados
CV
- 4.1 Encabezado común
- 4.2 Información personal y profesional
CONTACT
- 5.1 Encabezado común
- 5.2 Formulario de contacto y mapa
BLOG
- 6.1 Lista de artículos con resumen y foto
- 6.2 Paginación
NOT FOUND
- 7.1 Mensaje de error 404 y enlace a inicio
PROMPTS RELACIONADOS · EDUCACIÓN
