NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa ficticia llamada TecnoMend, especializada en reparación de dispositivos electrónicos. Utiliza HTML+Tailwind CDN+JS vanilla en un solo archivo. Mantén la siguiente estructura visual y de contenidos basada en los patrones del HTML original, pero con textos totalmente nuevos en español de España.
**Paleta de colores** (extraída del original):
- Primary: #0d0d0d (negro profundo)
- Accent: #2563eb (azul brillante)
- Background: #ffffff (blanco)
- Text primary: #1f2937 (gris oscuro)
- Muted: #6b7280 (gris medio)
**Tipografía**: Usa Inter (Google Font) para todo el texto; tamaños y pesos siguen la jerarquía del original (h1 ~ 3rem, h2 ~ 2.25rem, h3 ~ 1.5rem, párrafos ~ 1rem, texto monoespaciado para badges).
**Header**
- Logo a la izquierda con ícono c
4.998 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.998 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 ubicación, título, descripción y botones
- 1.3 Bloque "Qué reparamos" (smartphones, tablets, portátiles)
- 1.4 Marcas confiables (grid de logos y texto descriptivo)
- 1.5 Servicios destacados (icono, título, descripción, badges, precio ficticio, botón)
- 1.6 Footer con enlaces, dirección, teléfono y redes sociales
SERVICES
- 1.1 Header reutilizado
- 1.2 Lista de servicios con filtro y cards similares a los de la home
- 1.3 CTA de contacto
ABOUT
- 1.1 Header
- 1.2 Texto descriptivo de la empresa y su historia
- 1.3 Equipo (grid de fotos con nombre y rol)
- 1.4 CTA a contacto
DEVICES
- 1.1 Header
- 1.2 Grid de dispositivos compatibles (smartphones, tablets, portátiles)
- 1.3 Enlace a solicitud de reparación
BLOG
- 1.1 Header
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Sidebar con categorías y búsqueda
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto (nombre, email, teléfono, mensaje)
- 1.3 Mapa incrustado y datos de ubicación
PROMPTS RELACIONADOS · BELLEZA / SPA
