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

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

Estudio de diseño y desarrollo digital para profesionales creativos Diseño que habla por sí mismo.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia "Tech Vega" (techvega.com), estudio de diseño y desarrollo digital. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: negro #0a0a0a, gris oscuro #1f1f1f, gris medio #4a4a4a, azul acento #3b82f6, blanco puro #ffffff. Tipografía: Inter (sans) para títulos y body, peso 400‑700, importada de Google Fonts. Estructura y componentes: - **Header** fijo, fondo negro, logo a la izquierda (texto "Tech Vega" en Inter bold, color blanco). Centro: reloj estático que muestra "8:03PM" con icono de reloj (SVG). Derecha: botón de menú móvil con texto "Menu" que al hacer clic alterna a "Close" y muestra un overlay de navegación vertical con enlaces: About, Projects, Contact, Blog. - **Hero** ocupa pant
4.062 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.062 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 Vega — 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 Barra de navegación superior con logo, reloj y botón de menú
  • 1.2 Hero con fragmentos de texto animados, iconos de proyecto y grid de miniaturas de proyectos
  • 1.3 Sección de proyectos recientes: título, texto introductorio y tarjetas de proyecto en cuadrícula
  • 1.4 Footer con enlaces de navegación secundaria y datos de contacto

ABOUT

  • 1.1 Header reutiliza barra de navegación
  • 1.2 Bloque de presentación del estudio con foto y texto descriptivo
  • 1.3 Equipo: tarjetas con foto, nombre y rol
  • 1.4 Footer igual que Home

PROJECTS

  • 1.1 Header con barra de navegación
  • 1.2 Grid de proyectos filtrable por categoría
  • 1.3 Cada proyecto: imagen principal, título, categorías, botón de volver
  • 1.4 Footer

CONTACT

  • 1.1 Header con barra de navegación
  • 1.2 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
  • 1.3 Información de contacto y mapa estático
  • 1.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría