NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Escuela Rubí** (agencia digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce el diseño visual de una agencia creativa con estética oscura basada en los siguientes patrones extraídos del sitio original:
- **Paleta de colores:** fondo principal #0a0a0a, textos #e5e5e5, acentos #ff6f61 (naranja coral), enlaces #66d9ef (cian), sombras sutiles.
- **Tipografía:** encabezados con *Inter* (font‑weight 700, tracking -0.02rem), cuerpo con *Open Sans* (400). Carga ambas fuentes desde Google Fonts.
- **Header:** barra fija con logo SVG alineado a la izquierda, enlaces de navegación centrados (Services, Work, Pricing) y botón de modo oscuro/claro a la derecha. El header cambia de color de fondo al
3.736 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.736 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 Barra de navegación fija con logo, enlaces y modo oscuro
- 1.2 Hero principal con título y CTA
- 1.3 Servicios (tarjetas con icono y texto)
- 1.4 Portafolio (grid de proyectos)
- 1.5 Precios (tabla comparativa)
- 1.6 Llamada a la acción final
- 1.7 Footer (enlaces, contacto, redes)
SERVICES
- 1.1 Encabezado de sección Services
- 1.2 Tres columnas de cards con icono, título y descripción corta
WORK
- 1.1 Encabezado de sección Work
- 1.2 Grid de 3 columnas con miniaturas de proyectos, overlay al hover
PRICING
- 1.1 Encabezado de sección Pricing
- 1.2 Tres tarjetas de precios alineadas, cada una con título, precio ficticio, lista de características y botón
CONTACT
- 1.1 Encabezado de sección Contact
- 1.2 Formulario simple (nombre, email, mensaje, botón enviar)
FOOTER
- 1.1 Logo pequeño y breve descripción
- 1.2 Menú de enlaces rápidos
- 1.3 Iconos de redes sociales
- 1.4 Información legal y copyright
PROMPTS RELACIONADOS · EDUCATION
