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

TechReparo — Prompt de diseño web para Claude AI

Servicio técnico de reparación de dispositivos electrónicos Soluciones fiables para tus gadgets.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia TechReparo, un taller de reparación de dispositivos electrónicos. Utiliza solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilos del sitio analizado sin copiar contenido textual. **Paleta de colores** - Primario: #1A202C (gris oscuro) - Secundario: #0EA5E9 (azul cerúleo) - Accent: #F59E0B (ámbar) - Fondo claro: #F9FAFB - Texto: #111827 **Tipografía** - Font family: 'Inter', sans-serif para títulos y cuerpo. - Títulos: peso 700, tamaños h1 3rem, h2 2.25rem, h3 1.5rem. - Texto regular: peso 400, tamaños 1rem. **Header** - Contenedor centrado máximo 1200px, flex entre logo (icono + texto) y menú horizontal (Servicios, Dispositivos, Sobre Nosotros, Blog) y botón «Con
4.628 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.628 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
TechReparo — 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 botón de contacto
  • 1.2 Hero con título, descripción, CTA principal y secundaria
  • 1.3 Bloque "Qué repararmos" con tarjetas de Smartphone, Tablet y Laptop
  • 1.4 Sección de confianza con logotipos de marcas
  • 1.5 Botón a página "Sobre nosotros"
  • 1.6 Lista de servicios con iconos, descripción, badges y CTA
  • 1.7 Footer con enlaces y datos de contacto

SERVICES

  • 2.1 Header reutilizado
  • 2.2 Título de página y descripción breve
  • 2.3 Grid de tarjetas de servicios (imagen, título, extracto, badges, botón)
  • 2.4 Footer reutilizado

DEVICES

  • 3.1 Header reutilizado
  • 3.2 Título y filtro de categorías
  • 3.3 Grid de dispositivos con imagen y breve texto
  • 3.4 Footer reutilizado

ABOUT

  • 4.1 Header reutilizado
  • 4.2 Imagen destacada y texto institucional
  • 4.3 Valores y equipo en tarjetas
  • 4.4 Footer reutilizado

BLOG

  • 5.1 Header reutilizado
  • 5.2 Lista de artículos con miniatura, título, extracto y fecha
  • 5.3 Paginación
  • 5.4 Footer reutilizado

CONTACT

  • 6.1 Header reutilizado
  • 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
  • 6.3 Información de teléfono y dirección
  • 6.4 Footer reutilizado
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría