NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La marca es **Luminora Studios**, agencia de diseño y desarrollo digital. Usa la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #00A8E8 (azul brillante) y #FF6F61 (coral). Tipografía: **Inter** para todo el texto, encabezados en **Playfair Display** (peso 700).
**Header**: barra superior con fondo gris claro, etiqueta redonda "NEW" en coral y mensaje "Descubre estrategias de diseño para crecer". Debajo, barra de navegación con logo a la izquierda, menú colapsable (hamburguesa) para móvil, enlaces: Home, About, Portfolio, Blog, cada uno con subtítulo pequeño. Botón de llamada a la acción a la derecha con fondo azul, texto blanco y flecha anim
4.667 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.667 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 superior con mensaje y etiqueta
- 1.2 Header con logo, menú y botón "Hablar proyecto"
- 1.3 Hero con avatar de clientes, título principal, subtítulo, botón primario y video de fondo
- 1.4 Marquee de imágenes de proyectos
- 1.5 Bloque de métricas (500+ clientes, 10 años, etc.)
- 1.6 Testimonios en carrusel
- 1.7 CTA final "Discutir proyecto"
- 1.8 Footer con enlaces, redes y contacto
ABOUT US
- 2.1 Hero interno con título y descripción breve
- 2.2 Historia de la agencia en bloques de texto e imagen
- 2.3 Equipo en tarjetas con fotos y roles
- 2.4 Valores y misión en columnas
- 2.5 CTA a portafolio
PORTFOLIO
- 3.1 Galería filtrable de proyectos
- 3.2 Cada proyecto como tarjeta con imagen, título y breve descripción
- 3.3 Botón para ver caso completo
BLOG
- 4.1 Lista de artículos con imagen, título, extracto y fecha
- 4.2 Sidebar con categorías y últimos posts
- 4.3 CTA suscripción newsletter
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado y datos de oficina
- 5.3 Botón envío con animación
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · BLOG / REVISTA
