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

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

Estudio creativo especializado en branding, diseño de producto y desarrollo web Diseñamos experiencias digitales con propósito.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Tech Lira — 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 Tech Lira, estudio creativo de branding, diseño de producto y desarrollo web, usando HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la siguiente paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1A73E8 (acentos botones y enlaces), #F5F5F5 (fondos de secciones), #E0E0E0 (bordes y sombras). Tipografía: fuente principal "Inter" (Google Fonts) en pesos 400 y 600, título secundario "Playfair Display" en peso 700. Estructura y requisitos: - **Header** fijo, fondo blanco, logo a la izquierda (texto Tech Lira) y menú de navegación a la derecha con enlaces: Home, Projects, Services, About, Blog, Contact. Menú hamburguesa para móviles con animación de apertura. - **Hero** ocupando pantalla comple
3.909 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.909 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 Lira — 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 y navegación principal
  • 1.2 Hero con título destacado y subtítulo
  • 1.3 Galería de trabajos (grid de miniaturas enlazadas)
  • 1.4 Texto descriptivo de la labor del estudio
  • 1.5 Sección "Qué hago mejor" con cuatro tarjetas de servicio
  • 1.6 Botón "Ver todos los trabajos"
  • 1.7 Footer con enlaces de navegación y redes sociales

PROJECTS

  • 2.1 Header idéntico al home
  • 2.2 Lista de proyectos en cuadrícula con filtros
  • 2.3 Footer común

SERVICES

  • 3.1 Header
  • 3.2 Detalle de cada servicio en bloques expandibles
  • 3.3 Footer

ABOUT

  • 4.1 Header
  • 4.2 Biografía y trayectoria del equipo
  • 4.3 Footer

BLOG

  • 5.1 Header
  • 5.2 Lista de artículos con imágenes y extractos
  • 5.3 Footer

CONTACT

  • 6.1 Header
  • 6.2 Formulario de contacto sencillo
  • 6.3 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría