NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un tema web completo para la marca ficticia Instituto Jade, estudio creativo, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Utiliza la siguiente paleta de colores basada en el original: fondo oscuro #0a0a0a, texto principal #f5f5f5, acentos #ff6b6b (rojo vivo) y #4dabf7 (azul cielo). Tipografía: encabezados en 'Inter' (weight 700) y cuerpo en 'Roboto' (weight 400).
Estructura y componentes:
- Header fijo con logo blanco, menú horizontal (Home, About, Services, Portfolio, Blog, Contact) y botón destacado "Buy Template" que abre en nueva pestaña. Incluye icono de hamburguesa para versión móvil.
- Hero full‑screen con título rotatorio 3D "Instituto Jade Studio", lista horizontal de servicios (Branding, Art Direction, Design, Development, Production) y bot
3.581 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.581 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 Hero principal con título 3D, fondo de imagen y lista de servicios
- 1.2 Texto introductorio con botón "Más sobre nosotros"
- 1.3 Galería doble de imágenes con efecto de desplazamiento
- 1.4 Footer con logo, ubicación, enlaces de navegación y redes sociales
ABOUT
- 2.1 Encabezado y párrafo descriptivo del estudio
- 2.2 Botón de regreso al inicio
- 2.3 Imagen destacada del equipo
SERVICES
- 3.1 Lista de servicios con iconos y descripciones breves
- 3.2 CTA para solicitar una propuesta
PORTFOLIO
- 4.1 Grid de proyectos con miniaturas y filtros por categoría
- 4.2 Botón para ver proyecto completo
BLOG
- 5.1 Lista de artículos con imágenes, títulos y extractos
- 5.2 Paginación inferior
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Información de ubicación y mapa embebido
- 6.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCATION
