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

Digital Talismán — Prompt de diseño web para Claude AI

Agencia de producción audiovisual y contenido digital Transformamos ideas en experiencias visuales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Digital Talismán — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño y la estructura de la referencia, pero con la marca ficticia **Digital Talismán**. Usa Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). **Paleta de colores** (extrae tonos similares del original): - #0A0A0A (casi negro para fondo principal) - #FFFFFF (blanco para texto y fondos secundarios) - #1E40AF (azul intenso para acentos, botones y enlaces) - #F3F4F6 (gris claro para secciones con fondo neutro) - #6B7280 (gris medio para textos secundarios) **Tipografía**: Inter (Google Fonts) para todo el texto, con tamaños: - h1: 4xl font‑bold, - h2: 3xl font‑semibold, - h3: 2xl, - p: base, - small: sm. **Header**: barra lateral izquierda (sticky) de 280 px, fondo negro, logo (texto "Digital Talismán" c
4.686 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.686 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 Talismán — 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 Navbar sticky con logo, enlaces, redes y botón de contacto
  • 1.2 Hero full‑screen con título, subtítulo, datos de ubicación y vídeo de fondo
  • 1.3 Bloque “Sobre nosotros” con encabezado, texto descriptivo, logos de partners y vídeo interno
  • 1.4 Lista de servicios en tarjetas horizontales con icono y descripción
  • 1.5 Sección de proyectos recientes con cuadrícula 3‑columnas y efecto hover 3D
  • 1.6 Footer con links de navegación, redes sociales y datos de contacto

ABOUT US

  • 2.1 Header interno con breadcrumb opcional
  • 2.2 Texto largo describiendo la historia y misión
  • 2.3 Galería de fotos o video institucional
  • 2.4 Call‑to‑action para contactar

PROJECTS

  • 3.1 Grid de proyectos con miniaturas, overlay y lightbox
  • 3.2 Filtro por categoría (opcional)
  • 3.3 Botón “Ver más” al final

CAREERS

  • 4.1 Lista de ofertas de empleo con título, localización y botón aplicar
  • 4.2 Formulario simple de candidatura

CONTACT

  • 5.1 Formulario de contacto con nombre, email, mensaje
  • 5.2 Información de oficina y mapa embebido
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría