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

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

Estudio de diseño digital y branding Ideas que se traducen en experiencias visuales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Soft Lúmina — 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 **Soft Lúmina**, estudio de diseño digital y branding, siguiendo el diseño visual y la estructura del sitio analizado. Utiliza **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un solo archivo. **Paleta de colores**: - Fondo principal: #FFFFFF - Texto principal: #111111 - Acents: #FF6B35 (naranja vibrante), #3A8DFF (azul eléctrico), #F0F0F0 (gris claro) **Tipografía**: - Encabezados: "Inter", peso 700, tamaño variable (responsive). - Cuerpo: "Inter", peso 400, 16px base. **Header** (fijo, sticky): logo a la izquierda (svg placeholder), reloj digital estilizado a la derecha del logo, botón hamburguesa con texto "Menu" que al hacer click cambia a "Close". Menú desplegable vertical con enlaces: About, Projects, Contact
4.113 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.113 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
Soft Lúmina — 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 Barra de navegación fija con logo, reloj y botón de menú
  • 1.2 Hero principal: títulos animados (Hey, I’m / Nombre / Digital / Designer / Based in / Ciudad) y mini‑cards enlazadas a proyectos
  • 1.3 Galería de proyectos destacados bajo el hero (cuatro mini‑thumbs con fondo de color)
  • 1.4 Sección "Recent Projects": título, texto descriptivo y grid de tarjetas de proyecto con imagen, título y categorías
  • 1.5 Footer: enlaces a About, Projects, Contact, Changelog, License, Style Guide y datos de contacto

ABOUT

  • 1.1 Header idéntico al de Home
  • 1.2 Bloque de presentación del estudio con texto y foto
  • 1.3 Lista de valores y equipo
  • 1.4 Footer común

PROJECTS

  • 1.1 Header común
  • 1.2 Grid de proyectos con filtros por categoría
  • 1.3 Cada tarjeta muestra imagen, nombre y etiquetas de categoría
  • 1.4 Footer común

CONTACT

  • 1.1 Header común
  • 1.2 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
  • 1.3 Información de contacto y mapa estático
  • 1.4 Footer común
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría