NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia de diseño llamada Instituto Tundra siguiendo el estilo del sitio analizado. Utiliza HTML5 + TailwindCSS CDN + JavaScript vanilla en un solo archivo. Incluir:
- Paleta de colores: #FFFFFF (blanco), #000000 (negro), #D4AF37 (dorado), #F5F5F5 (gris muy claro) para fondos y #333333 para texto principal.
- Tipografía: Inter (sans-serif) para encabezados y cuerpo, usar clases Tailwind `font-inter` y `tracking-wide`.
- Header fijo con logo "Lúmina" en tipografía bold, menú hamburguesa que despliega un overlay con enlaces: Home, About, Services, Works, Blog, Contact.
- Hero: sección a pantalla completa, columna izquierda con imagen de gran resolución, columna derecha con texto rotativo (Visual storyteller / Art Director / Brand Designer) y título principal
4.025 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.025 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 Header con logo y menú hamburguesa
- 1.2 Hero con imagen y texto rotativo
- 1.3 Galería de marcas (grid de iconos)
- 1.4 About con foto, badge y métricas
- 1.5 Servicios en tarjetas con iconos
- 1.6 Proyectos destacados en mosaico
- 1.7 Testimonios en carrusel
- 1.8 Blog con últimos artículos
- 1.9 Footer con contacto y redes
ABOUT
- 2.1 Header interno con breadcrumb
- 2.2 Imagen destacada y descripción personal
- 2.3 Métricas de experiencia
- 2.4 Botón CTA “Agenda una llamada gratuita”
SERVICES
- 3.1 Header sección con título y descripción
- 3.2 Cuatro tarjetas de servicio con icono, título y breve copy
- 3.3 Botón CTA
WORKS
- 4.1 Header sección con título y año
- 4.2 Grid de proyectos con imagen, categoría y enlace
TESTIMONIALS
- 5.1 Carrusel de testimonios con foto, nombre y comentario
BLOG
- 6.1 Lista de artículos recientes con miniatura y extracto
CONTACT
- 7.1 Formulario sencillo (nombre, email, mensaje) y botón enviar
- 7.2 Información de contacto y mapa estático
FOOTER
- 8.1 Logo, enlaces de navegación, iconos sociales y copyright
PROMPTS RELACIONADOS · EDUCATION
