Cart Log in
TECHNOLOGY · Claude Design · HTML

Lúmina Sistemas — Prompt de diseño web para Claude AI

Estudio de diseño y desarrollo digital para creativos y marcas Diseñamos experiencias que conectan.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Lúmina Sistemas — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático completo para la marca ficticia "Lúmina Sistemas" (luminasistemas.com), estilo portafolio creativo, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. **Paleta de colores**: #0A0A0A (fondo principal), #FFFFFF (texto), #E0E0E0 (gris claro), #F5A623 (accento naranja), #333333 (texto secundario). **Tipografía**: 'Inter' para textos y 'Playfair Display' para encabezados, ambas cargadas desde Google Fonts. **Estructura**: 1. **Header** (sticky): logo SVG a la izquierda, menú de navegación horizontal (Home, About, Services, Projects, Blog, Contact) con efecto hover, botón primario "Book a call" con icono flecha a la derecha. En móvil, colapsar a ícono de hamburguesa que abre menú lateral. 2. **Hero Section**: - *Top*: columna izq
4.550 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.550 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.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Lúmina Sistemas — 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ú y llamada a la acción
  • 2.1 Hero top: foto, nombres y descripción breve
  • 2.2 Hero bottom: ubicación, título profesional y tres contadores animados
  • 3.1 Líneas horizontales y verticales decorativas
  • 4.1 Últimos proyectos: lista de tarjetas con número, imagen, título y categorías
  • 5.1 Footer con enlaces principales y datos de contacto

ABOUT

  • 1.1 Header reutilizable
  • 2.1 Bloque de presentación personal con foto grande y texto descriptivo
  • 3.1 Timeline de experiencia profesional
  • 4.1 CTA para contactar

SERVICES

  • 1.1 Header
  • 2.1 Cuadrícula de servicios con iconos y descripciones breves
  • 3.1 Testimonios en carrusel
  • 4.1 CTA de contratación

PROJECTS

  • 1.1 Header
  • 2.1 Filtro de categorías
  • 3.1 Galería de proyectos en cuadrícula con hover overlay
  • 4.1 Paginación

BLOG

  • 1.1 Header
  • 2.1 Lista de artículos con imagen, título, extracto y fecha
  • 3.1 Barra lateral con categorías y últimos posts
  • 4.1 CTA a newsletter

CONTACT

  • 1.1 Header
  • 2.1 Formulario de contacto simple (nombre, email, mensaje)
  • 3.1 Información de contacto y mapa embebido
  • 4.1 Footer
PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría