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

Tech Delta — Prompt de diseño web para Claude AI

Agencia de diseño digital y desarrollo web Ideas claras, interfaces pulidas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Tech Delta — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una web estática de una agencia digital ficticia llamada Tech Delta (techdelta.com). Utiliza únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilo del sitio analizado: - Paleta monocromática clara con acentos oscuros: fondo #FFFFFF, texto principal #111111, títulos #000000, enlaces y botones #222222, hover #555555. - Tipografía: sans‑serif moderna, usar Inter para títulos y body. - Header fijo con logo (80 px ancho), navegación horizontal (Home, About, Work, News, Contact) y sección de iconos sociales (Instagram, Facebook, Twitter, LinkedIn, Dribbble). Botón hamburguesa para móvil que muestra el mismo menú en overlay. - Hero ocupando pantalla completa con título grande (class="text-6xl font-bold"), subtítulo más
3.241 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.241 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
Tech Delta — 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, barra de navegación y enlaces a redes sociales
  • 1.2 Hero principal con título y subtítulo, animación Lottie y texto descriptivo
  • 1.3 Sección "Home" con galería de tres miniaturas
  • 1.4 Sección "Work" con galería de tres proyectos
  • 1.5 Sección "Blog" con galería de tres artículos
  • 1.6 Sección "Pages" con galería de cuatro páginas internas
  • 1.7 Footer con tres columnas: Sitemap, Contacto, Newsletter y área de copyright

ABOUT

  • 1.1 Header (reutilizado)
  • 1.2 Título de página y texto descriptivo
  • 1.3 Imagen principal
  • 1.4 Información de la empresa en dos columnas
  • 1.5 Footer (reutilizado)

WORK

  • 1.1 Header
  • 1.2 Galería tipo Masonry con proyectos destacados
  • 1.3 Detalle de proyecto con carrusel de imágenes
  • 1.4 Footer

BLOG

  • 1.1 Header
  • 1.2 Lista de entradas con imagen, título y extracto
  • 1.3 Paginación
  • 1.4 Footer

CONTACT

  • 1.1 Header
  • 1.2 Formulario de contacto con campos nombre, email y mensaje
  • 1.3 Mapa incrustado
  • 1.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría