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

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

Agencia digital especializada en diseño y desarrollo web Ideas que cobran forma.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Luminara Studio** (agencia digital) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El objetivo es replicar el diseño visual y la estructura del template analizado, sin copiar texto ni imágenes reales. Utiliza la siguiente paleta de colores: #0D1B2A (azul marino profundo), #1B263B (gris azulado), #415A77 (azul grisáceo), #E0E1DD (gris claro) y #00A8E8 (acento azul eléctrico). Tipografía: **Inter** para cuerpos y **Playfair Display** para títulos. ### Estructura y secciones 1. **Header** fijo con logo (texto "Luminara" + icono simple), menú horizontal (Home, Sobre Nosotros, Servicios, Proyectos, Precios, Blog, Contacto), selector de idioma y carrito (ícono con contador). Menú responsive con botó
4.795 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.795 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 Studio — 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 Header con logo, menú, selector de idioma y carrito
  • 1.2 Hero con título, subtítulo y botón CTA
  • 1.3 Sección de servicios (3 columnas)
  • 1.4 Portfolio destacado (grid 3x)
  • 1.5 Testimonios carousel
  • 1.6 Precios (tabla 3 planes)
  • 1.7 Blog reciente (cards)
  • 1.8 Footer con enlaces y datos

ABOUT

  • 2.1 Header (reutilizable)
  • 2.2 Hero interno con imagen y texto introductorio
  • 2.3 Nuestra historia en bloques de texto e imagen
  • 2.4 Equipo en tarjetas con foto y rol
  • 2.5 Valores en iconos
  • 2.6 Footer

SERVICES

  • 3.1 Header
  • 3.2 Hero interno
  • 3.3 Lista de servicios con íconos y descripción ampliada
  • 3.4 Proceso de trabajo en pasos numerados
  • 3.5 CTA a presupuesto
  • 3.6 Footer

PROJECTS

  • 4.1 Header
  • 4.2 Hero de portfolio
  • 4.3 Grid de proyectos con filtro por categoría
  • 4.4 Detalle de proyecto (imagen, texto, galería)
  • 4.5 Footer

PRICING

  • 5.1 Header
  • 5.2 Hero de precios
  • 5.3 Tabla comparativa de tres planes con botones
  • 5.4 Preguntas frecuentes accordion
  • 5.5 Footer

BLOG

  • 6.1 Header
  • 6.2 Hero blog
  • 6.3 Lista de artículos en formato tarjeta
  • 6.4 Sidebar con categorías y últimos posts
  • 6.5 Footer

CONTACT

  • 7.1 Header
  • 7.2 Hero contacto
  • 7.3 Formulario de contacto con campos básicos
  • 7.4 Mapa incrustado
  • 7.5 Información de contacto y redes
  • 7.6 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría