Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Luminara Agencia — Prompt de diseño web para Claude AI

Agencia de diseño y desarrollo digital Ideas que brillan en la pantalla.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Luminara Agencia — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia Luminara Agencia, una agencia de diseño y desarrollo digital. Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe incluir: - Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto), #E53935 (rojo acento), #F5F5F5 (gris claro), #212121 (gris oscuro). - Tipografía: "Inter", sans‑serif para todo el texto; títulos en peso 700, cuerpo en 400. - Header fijo con logo (texto Luminara), dirección "Los Angeles, CA", botón de menú hamburguesa que abre overlay con enlaces: Servicios, Proceso, Portafolio, Blog, Contacto. - Hero slider a pantalla completa, autoplay desactivado, transición suave. Cada slide muestra una imagen de proyecto (placeholder) y el nombre del proyecto repetido con diseño de pun
3.736 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.736 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Luminara Agencia — home completa
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 Cabecera fija con logo, dirección, menú hamburguesa y botón de contacto
  • 1.2 Hero slider a pantalla completa con nombres de proyecto y fondo visual
  • 1.3 Bloque de Servicios (iconos + títulos)
  • 1.4 Bloque de Proceso (pasos numerados con ilustraciones)
  • 1.5 Portafolio de proyectos destacados (grid con hover)
  • 1.6 Últimas entradas del blog (cards con imagen y extracto)
  • 1.7 Llamada a la acción de contacto
  • 1.8 Pie de página con enlaces, redes y datos de contacto

SERVICIOS

  • 2.1 Título y descripción breve del área de servicio
  • 2.2 Lista de features con iconos
  • 2.3 Botón de saber más

PROCESO

  • 3.1 Paso 1: Investigación
  • 3.2 Paso 2: Estrategia
  • 3.3 Paso 3: Diseño
  • 3.4 Paso 4: Desarrollo
  • 3.5 Paso 5: Lanzamiento

PORTFOLIO

  • 4.1 Grid de 3 columnas con tarjetas de proyecto
  • 4.2 Hover muestra breve descripción y enlace

BLOG

  • 5.1 Lista de 3 artículos recientes en formato card
  • 5.2 Título, imagen, extracto y botón leer más

CONTACTO

  • 6.1 Formulario sencillo (nombre, email, mensaje)
  • 6.2 Información de contacto y mapa estático

FOOTER

  • 7.1 Enlaces de navegación secundaria
  • 7.2 Íconos de redes sociales
  • 7.3 Datos legales y copyright
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría