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

Digital Lagar — Prompt de diseño web para Claude AI

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

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Digital Lagar — 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 "Digital Lagar" (digitallagar.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del sitio analizado sin copiar texto literal. **Requisitos de stack**: - `<head>` incluye Tailwind v3 CDN y una fuente sans-serif de Google Fonts (p. ej. "Inter"). - Todo el CSS se define con clases Tailwind; evitar CSS personalizado salvo pequeñas variables de color. - JavaScript solo para animar los contadores y las transiciones de entrada de los ítems de proyectos. **Paleta de colores** (usar como variables en Tailwind config inline con `@layer utilities`): - Primario: #0D0D0D (texto principal y fondos oscuros) - Secundario: #FFFFFF (texto claro sobre fondos oscuros) - Acento: #FF6B6B (boton
4.687 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.687 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
Digital Lagar — 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 con logo, menú y botón "Book a call"
  • 1.2 Hero superior izquierda con foto del autor y nombre
  • 1.3 Hero superior derecha con título "since 2015" y descripción breve
  • 1.4 Hero inferior izquierda con ubicación y especialidad
  • 1.5 Hero inferior derecha con tres contadores animados (años de experiencia, clientes satisfechos, proyectos entregados)
  • 1.6 Líneas horizontales y verticales decorativas
  • 1.7 Sección de Últimos proyectos con título y grid de 3 ítems, cada uno con número, miniatura, título y categorías

ABOUT

  • 2.1 Cabecera reutilizable
  • 2.2 Bloque de presentación personal con foto grande y texto descriptivo amplio
  • 2.3 Trayectoria cronológica con hitos destacados
  • 2.4 Testimonios y habilidades en formato tarjeta

SERVICES

  • 3.1 Cabecera reutilizable
  • 3.2 listado de servicios en tarjetas con icono, título y breve descripción
  • 3.3 sección de proceso de trabajo en pasos numerados

CONTACT

  • 4.1 Cabecera reutilizable
  • 4.2 formulario de contacto simple (nombre, email, mensaje, botón enviar)
  • 4.3 información de contacto y mapa embebido

BLOG

  • 5.1 Cabecera reutilizable
  • 5.2 listado de artículos en formato tarjeta con imagen, título, extracto y categoría
  • 5.3 barra lateral con categorías y archivo

FOOTER

  • 6.1 Enlaces de navegación secundarios
  • 6.2 iconos de redes sociales
  • 6.3 copyright y aviso legal
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría