NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Instituto Zafiro" usando HTML, Tailwind CDN y JavaScript vanilla en un solo archivo. La página principal debe reproducir el diseño visual analizado:
- Paleta de colores: fondo oscuro #111111, acentos #ff7a59 (naranja), textos #f5f5f5, botones #222222 con hover #333333.
- Tipografía: "Inter" para textos y "Playfair Display" para títulos, ambas importadas desde Google Fonts.
- Header: barra superior fija con logo a la izquierda (texto "Instituto Zafiro" en Playfair) y menú hamburguesa a la derecha que abre un overlay de navegación oscura.
- Hero: sección a pantalla completa, título grande en Inter bold, color #ff7a59, subtítulo opcional, botón 3D con efecto de sombra y escala al hover, enlazando a "#home-demo".
- Sección Home Demo: conten
3.341 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.341 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 con título grande y botón 3D
- 2.1 Rejilla de demos de home (4 tarjetas circulares)
- 3.1 Rejilla de demos de trabajos (5 tarjetas circulares)
- 4.1 Rejilla de demos de blog (2 tarjetas circulares)
- 5.1 Footer minimalista
HOME-1
- 1.1 Presentación del proyecto Home 1 con imágenes y descripción breve
HOME-2
- 1.1 Presentación del proyecto Home 2 con imágenes y descripción breve
HOME-3
- 1.1 Presentación del proyecto Home 3 con imágenes y descripción breve
HOME-4
- 1.1 Presentación del proyecto Home 4 con imágenes y descripción breve
WORK-1
- 1.1 Detalle del proyecto Work 1 con galería de imágenes
WORK-2
- 1.1 Detalle del proyecto Work 2 con galería de imágenes
WORK-3
- 1.1 Detalle del proyecto Work 3 con galería de imágenes
WORK-4
- 1.1 Detalle del proyecto Work 4 con galería de imágenes
BLOG-1
- 1.1 Artículo de blog 1 con imagen destacada y extracto
PROMPTS RELACIONADOS · EDUCATION
