NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca **Campus Zafiro** (campuszafiro.com) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La web debe reproducir fielmente el diseño analizado:
- **Paleta de colores**: fondo oscuro #0a0a0a, textos blancos #ffffff, acentos azul profundo #1e40af, botones con degradado de #3b82f6 a #1e40af.
- **Tipografía**: encabezados con **"Inter"**, cuerpo con **"Roboto"**, ambos importados vía Google Fonts.
- **Header**: barra mínima, logo textual "Campus Zafiro" alineado a la izquierda, menú hamburguesa a la derecha que abre un overlay con enlaces (Home, Works, Blog, Contact).
- **Hero**: sección a pantalla completa, título grande en mayúsculas "IMPULSAMOS IDEAS CON DISEÑO" centrado, subtítulo opcional y botón 3D estilo "Com
4.048 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.048 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
- 1.2 Sección "Home Demo" con cuadrícula de cuatro tarjetas circulares, cada una con imagen, título y categoría
- 1.3 Sección "Work Demo" con cuadrícula de cinco tarjetas, estilo similar al anterior
- 1.4 Sección "Blog Demo" con cuadrícula de tarjetas de blog
- 1.5 Footer oscuro con información de contacto y enlaces sociales
WORK
- 1.1 Cabecera del proyecto con imagen destacada y título
- 1.2 Galería de imágenes del proyecto
- 1.3 Descripción del proyecto y lista de servicios
- 1.4 CTA de contacto
BLOG
- 1.1 Lista de artículos con miniatura, título y extracto
- 1.2 Paginación inferior
- 1.3 Sidebar con categorías y últimos posts
- 1.4 Footer compartido
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
