NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Academia Rubí" (agencia de diseño digital) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La página debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes recursos:
- Paleta de colores: #FFFFFF (blanco), #0A0A0A (negro profundo), #F5F5F5 (gris muy claro), #E0E0E0 (gris medio), #1A73E8 (azul accent).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400/600/700 según necesidad.
- Header: barra superior fija con logo (texto Academia Rubí, 80 px de ancho), menú horizontal con enlaces Home, About, Work, Blog, Contact, y iconos de Instagram, Facebook, Twitter, LinkedIn en una columna derecha. Incluye botón hamburguesa para mó
3.806 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.806 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, menú horizontal y enlaces a redes sociales
- 1.2 Hero con título grande, subtítulo y animación Lottie
- 1.3 Bloque "Home" con grid de vistas previas de distintas plantillas de inicio
- 1.4 Bloque "Work" con grid de proyectos destacados
- 1.5 Bloque "Blog" con grid de artículos recientes
- 1.6 Bloque "Pages" con enlaces a secciones informativas
- 1.7 Footer con sitemap, información de contacto, formulario de newsletter y copyright
ABOUT
- 2.1 Header idéntico al Home
- 2.2 Sección principal con título y párrafo descriptivo
- 2.3 Imagen central alineada a la derecha
- 2.4 Footer idéntico al Home
WORK
- 3.1 Header idéntico al Home
- 3.2 Galería de proyectos en grid de 3 columnas
- 3.3 Cada proyecto muestra imagen y título
- 3.4 Footer idéntico al Home
BLOG
- 4.1 Header idéntico al Home
- 4.2 Lista de artículos en grid de 3 columnas con imagen y extracto
- 4.3 Paginación inferior simple
- 4.4 Footer idéntico al Home
CONTACT
- 5.1 Header idéntico al Home
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Información de dirección y teléfono
- 5.4 Footer idéntico al Home
Imagen generada con OpenAI · gpt-image-2 · 01/07/2026
PROMPTS RELACIONADOS · EDUCACIÓN
